@fabric-msft/fabric-web 4.0.0-beta.1 → 5.0.0

package/dist/esm/components/search-box/search-box.js

@@ -0,0 +1,181 @@
+import { TextInput } from '../text-input/text-input.js';
+import { SearchBoxTypes, SearchBoxEventNames } from './search-box.options.js';
+import '../button/button.js';
+import '../button/button.options.js';
+import '../button/button.styles.js';
+import { definition } from '../button/button.definition.js';
+import { observable } from '@microsoft/fast-element';
+
+var __decorate = globalThis && globalThis.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+    d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * SearchBox
+ * @summary A SearchBox custom HTML input element based on Fluent UI's SearchBox. Inherits from fabric UX TextInput.
+ *
+ * @example
+ * ```html
+ * <fabric-search-box aria-label="Search Box" placeholder="Search..."></fabric-search-box>
+ * ```
+ *
+ * @attr {string | undefined} appearance - Indicates the styled appearance of the element.
+ * @attr {string | undefined} control-size - Sets the size of the control.
+ * @attr {string | undefined} autocomplete - Indicates the element's autocomplete state.
+ * @attr {boolean | undefined} autofocus - Indicates that the element should get focus after the page finishes loading.
+ * @attr {string} current-value - The current value of the input.
+ * @attr {string | undefined} dirname - Sets the directionality of the element to be submitted with form data.
+ * @attr {boolean | undefined} disabled - Sets the element's disabled state.
+ * @attr {string | undefined} form - The id of a form to associate the element to.
+ * @attr {string | undefined} list - Allows associating a `<datalist>` to the element by ID.
+ * @attr {number | undefined} maxlength - The maximum number of characters a user can enter.
+ * @attr {number | undefined} minlength - The minimum number of characters a user can enter.
+ * @attr {string | undefined} name - The name of the element. This element's value will be surfaced during form submission under the provided name.
+ * @attr {string | undefined} pattern - A regular expression that the value must match to pass validation.
+ * @attr {string | undefined} placeholder - Sets the placeholder value of the element, generally used to provide a hint to the user.
+ * @attr {boolean | undefined} readonly - When true, the control will be immutable by user interaction.
+ * @attr {boolean | undefined} required - The element's required attribute.
+ * @attr {number | undefined} size - Sets the width of the element to a specified number of characters.
+ * @attr {string | boolean | undefined} spellcheck - Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.
+ * @attr {string | undefined} type - Allows setting a type or mode of text.
+ * @attr {string} value - The initial value of the input.
+ *
+ * @prop {string | undefined} appearance - Indicates the styled appearance of the element.
+ * @prop {string | undefined} controlSize - Sets the size of the control.
+ * @prop {string | undefined} autocomplete - Indicates the element's autocomplete state.
+ * @prop {boolean | undefined} autofocus - Indicates that the element should get focus after the page finishes loading.
+ * @prop {string} currentValue - The current value of the input.
+ * @prop {string | undefined} dirname - Sets the directionality of the element to be submitted with form data.
+ * @prop {boolean | undefined} disabled - Sets the element's disabled state.
+ * @prop {string | undefined} form - The id of a form to associate the element to.
+ * @prop {string | undefined} list - Allows associating a `<datalist>` to the element by ID.
+ * @prop {number | undefined} maxlength - The maximum number of characters a user can enter.
+ * @prop {number | undefined} minlength - The minimum number of characters a user can enter.
+ * @prop {string | undefined} name - The name of the element. This element's value will be surfaced during form submission under the provided name.
+ * @prop {string | undefined} pattern - A regular expression that the value must match to pass validation.
+ * @prop {string | undefined} placeholder - Sets the placeholder value of the element, generally used to provide a hint to the user.
+ * @prop {boolean | undefined} readOnly - When true, the control will be immutable by user interaction.
+ * @prop {boolean | undefined} required - The element's required attribute.
+ * @prop {number | undefined} size - Sets the width of the element to a specified number of characters.
+ * @prop {string | boolean | undefined} spellcheck - Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.
+ * @prop {string | undefined} type - Allows setting a type or mode of text.
+ * @prop {string} value - The initial value of the input.
+ * @prop {HTMLElement | undefined} clearButton - The clear button element.
+ *
+ * @slot start - Content which can be provided before the input.
+ * @slot end - Content which can be provided after the input.
+ * @slot - The default slot for input content.
+ *
+ * @csspart root - The root container for the internal control.
+ * @csspart control - The internal `<input>` control.
+ *
+ * @fires change - Fires a custom 'change' event when the value has changed.
+ * @fires input - Fires a custom 'input' event when the value has changed.
+ * @fires search - Fires a custom 'submit' event when the search is submitted.
+ * @fires select - Fired when text is selected in the input.
+ *
+ * @method clear - Clears the search box value and focuses the input.
+ * @method currentValueChanged - Tracks the current value of the input and shows/hides the clear button.
+ * @method checkValidity - Checks the validity of the element and returns the result.
+ * @method select - Selects all the text in the text field.
+ * @method setCustomValidity - Sets the custom validity message.
+ * @method reportValidity - Reports the validity of the element.
+ *
+ * @extends TextInput
+ * @tagname fabric-search-box
+ * @public
+ */
+class SearchBox extends TextInput {
+  constructor() {
+    super(...arguments);
+    this.type = SearchBoxTypes.text;
+    /**
+     * The clear button element.
+     */
+    this.clearButton = undefined;
+  }
+  /** Focuses the input element */
+  focus() {
+    this.control.focus();
+  }
+  /** Blurs the input element */
+  blur() {
+    this.control.blur();
+  }
+  /** Show the clear button */
+  showClearButton() {
+    if (this.clearButton) {
+      this.clearButton.style.display = "inline-flex";
+      this.clearButton.setAttribute("aria-hidden", "false");
+    }
+  }
+  /** Hide the clear button */
+  hideClearButton() {
+    if (this.clearButton) {
+      this.clearButton.style.display = "none";
+      this.clearButton.setAttribute("aria-hidden", "true");
+    }
+  }
+  /**
+   * Tracks the current value of the input.
+   *
+   * @param prev - the previous value
+   * @param next - the next value
+   *
+   * @internal
+   */
+  currentValueChanged(prev, next) {
+    this.value = next;
+    if (this.clearButton && this.value.length > 0) {
+      this.showClearButton();
+    } else {
+      this.hideClearButton();
+    }
+  }
+  /**
+   * Clear the search box value
+   * @method
+   */
+  clear() {
+    this.value = "";
+    this.control.focus();
+  }
+  /** Handle the submit action */
+  handleSubmit() {
+    this.emitSearch();
+  }
+  /**
+   * Emits the search event.
+   *
+   * @fires search - Fired when a search is submitted.
+   */
+  emitSearch() {
+    this.dispatchEvent(new CustomEvent(SearchBoxEventNames.search, {
+      bubbles: true,
+      composed: true,
+      detail: {
+        query: this.value
+      }
+    }));
+  }
+  handleKeydown(event) {
+    if (event.key === "Enter" && !!this.currentValue) {
+      this.handleSubmit();
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("keydown", this.handleKeydown);
+    definition.define(customElements);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("keydown", this.handleKeydown);
+  }
+}
+__decorate([observable], SearchBox.prototype, "clearButton", void 0);
+
+export { SearchBox };

package/dist/esm/components/search-box/search-box.js.map

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

package/dist/esm/components/search-box/search-box.options.js

@@ -0,0 +1,42 @@
+import { TextInputTypes, ImplicitSubmissionBlockingTypes as ImplicitSubmissionBlockingTypes$1, TextInputAppearances, TextInputControlSizes } from '../text-input/text-input.options.js';
+
+/**
+ * Values for the `control-size` attribute on SearchBox elements.
+ *
+ * @public
+ */
+const SearchBoxControlSizes = {
+  ...TextInputControlSizes
+};
+/**
+ * Values for the `appearance` attribute on SearchBox elements.
+ *
+ * @public
+ */
+const SearchBoxAppearances = {
+  ...TextInputAppearances
+};
+/**
+ * Values for the `type` attribute on SearchBox elements.
+ *
+ * @public
+ */
+const SearchBoxTypes = {
+  ...TextInputTypes
+};
+/**
+ * Input types that block implicit form submission.
+ *
+ * @public
+ */
+const ImplicitSubmissionBlockingTypes = [...ImplicitSubmissionBlockingTypes$1];
+/**
+ * SearchBox event names.
+ *
+ * @public
+ */
+const SearchBoxEventNames = {
+  search: "search"
+};
+
+export { ImplicitSubmissionBlockingTypes, SearchBoxAppearances, SearchBoxControlSizes, SearchBoxEventNames, SearchBoxTypes };

package/dist/esm/components/search-box/search-box.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-box.options.js","sourceRoot":"","sources":["../../../../../../../src/components/search-box/search-box.options.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,cAAc,EACd,+BAA+B,IAAI,wCAAwC,EAC5E,MAAM,qCAAqC,CAAC;AAE7C;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,GAAG,qBAAqB;CAChB,CAAC;AAIX;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,GAAG,oBAAoB;CACf,CAAC;AAIX;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,GAAG,cAAc;CACT,CAAC;AAIX;;;;GAIG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG;IAC7C,GAAG,wCAAwC;CAC5C,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,MAAM,EAAE,QAAQ;CACR,CAAC"}

package/dist/esm/components/search-box/search-box.styles.js

@@ -0,0 +1,11 @@
+import { css } from '@microsoft/fast-element';
+import { styles as styles$1 } from '../text-input/text-input.styles.js';
+import { colorNeutralForeground3, spacingHorizontalXS } from '@fluentui/web-components';
+import { sizeHorizontalXL } from '@fabric-msft/theme';
+
+const styles = css`
+  ${styles$1}
+
+  .root{padding-inline-end:0px}.search-icon{display:flex;box-sizing:border-box;color:${colorNeutralForeground3}}fabric-button.clear-button{min-width:${sizeHorizontalXL};min-height:${sizeHorizontalXL};margin-inline-end:${spacingHorizontalXS};padding:0px 2px;display:none}`;
+
+export { styles };

package/dist/esm/components/search-box/search-box.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-box.styles.js","sourceRoot":"","sources":["../../../../../../../src/components/search-box/search-box.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,eAAe;;;;;;;;;aASN,uBAAuB;;;;iBAInB,gBAAgB;kBACf,gBAAgB;yBACT,mBAAmB;;;;CAI3C,CAAC"}

package/dist/esm/components/search-box/search-box.template.js

@@ -0,0 +1,17 @@
+import { ref, slotted, html } from '@microsoft/fast-element';
+import { whitespaceFilter } from '../../util/whitespace-filter.js';
+import { searchIcon, dismissIcon } from '../../static/component-svgs.js';
+
+/**
+ * The template for the {@link @fabric-msft/fabric-web#(SearchBox:class)} component.
+ * @public
+ */
+function searchBoxTemplate() {
+  return html`<template @beforeinput="${(x, c) => x.beforeinputHandler(c.event)}" @focusin="${(x, c) => x.focusinHandler(c.event)}" @keydown="${(x, c) => x.keydownHandler(c.event)}"><label for="control" class="label" ${ref("controlLabel")}><slot ${slotted({
+    property: "defaultSlottedNodes",
+    filter: whitespaceFilter
+  })}></slot></label><span class="root"><span class="search-icon">${searchIcon}</span><input aria-label="${x => x.ariaLabel}" class="control" id="control" @change="${(x, c) => x.changeHandler(c.event)}" @input="${(x, c) => x.inputHandler(c.event)}" ?autofocus="${x => x.autofocus}" autocomplete="${x => x.autocomplete}" ?disabled="${x => x.disabled}" list="${x => x.list}" maxlength="${x => x.maxlength}" minlength="${x => x.minlength}" ?multiple="${x => x.multiple}" name="${x => x.name}" pattern="${x => x.pattern}" placeholder="${x => x.placeholder}" ?readonly="${x => x.readOnly}" ?required="${x => x.required}" size="${x => x.size}" spellcheck="${x => x.spellcheck}" type="${x => x.type}" value="${x => x.initialValue}" ${ref("control")} /><fabric-button aria-label="clear" appearance="transparent" class="clear-button" aria-hidden="true" ${ref("clearButton")} @click="${x => x.clear()}">${dismissIcon}</fabric-button><slot name="end"></slot></span></template>`;
+}
+const template = searchBoxTemplate();
+
+export { searchBoxTemplate, template };

package/dist/esm/components/search-box/search-box.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-box.template.js","sourceRoot":"","sources":["../../../../../../../src/components/search-box/search-box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAEzE;;;GAGG;AACH,MAAM,UAAU,iBAAiB;IAG/B,OAAO,IAAI,CAAG;;sBAEM,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAmB,CAAC;kBACzD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAmB,CAAC;kBACjD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC;;2CAE3B,GAAG,CAAC,cAAc,CAAC;;YAElD,OAAO,CAAC;QACR,QAAQ,EAAE,qBAAqB;QAC/B,MAAM,EAAE,gBAAgB;KACzB,CAAC;;;;oCAIwB,UAAU;;wBAEtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;;;qBAGrB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAmB,CAAC;oBACjD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;wBAC3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;0BAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY;uBACxB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;kBACtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;uBACR,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;uBAClB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;uBAClB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;kBACtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;qBACV,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;yBACZ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW;uBACtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;uBACjB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;kBACtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;wBACP,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU;kBACzB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;mBACZ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY;YAC5B,GAAG,CAAC,SAAS,CAAC;;;;;;;YAOd,GAAG,CAAC,aAAa,CAAC;oBACV,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE;;YAExB,WAAW;;;;;GAKpB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAmC,iBAAiB,EAAE,CAAC"}

package/dist/esm/components/simple-table/define.js

@@ -0,0 +1,4 @@
+import { definition } from "./simple-table.definition.js";
+import { DesignSystem } from "../design-system.js";
+definition.define(DesignSystem.registry);
+//# sourceMappingURL=define.js.map

package/dist/esm/components/simple-table/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/simple-table/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/components/simple-table/index.js

@@ -0,0 +1,3 @@
+export { SimpleTable } from "./simple-table.js";
+export { definition as SimpleTableDefinition } from "./simple-table.definition.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/simple-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/simple-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/esm/components/simple-table/simple-table.definition.js

@@ -0,0 +1,22 @@
+import { DesignSystem } from '../design-system.js';
+import { SimpleTable } from './simple-table.js';
+import { styles } from './simple-table.styles.js';
+
+/**
+ * The Fabric Simple Table component definition.
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fabric-simple-table>
+ */
+const definition = SimpleTable.compose({
+  name: `${DesignSystem.prefix}-simple-table`,
+  styles: styles,
+  // Light DOM (no shadow root) is required because HTML table semantics don't accept
+  // <slot> as a valid child element. The DOM children of <table> must be thead, tbody,
+  // tfoot, etc. - not slots. This preserves native table accessibility and framework
+  // compatibility while allowing us to apply Fluent and Fabric styling via CSS classes.
+  shadowOptions: null
+});
+
+export { definition };

package/dist/esm/components/simple-table/simple-table.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-table.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/simple-table/simple-table.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAEvE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC;IAC5C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,eAAe;IAC3C,MAAM,EAAE,iBAAiB;IACzB,mFAAmF;IACnF,qFAAqF;IACrF,mFAAmF;IACnF,sFAAsF;IACtF,aAAa,EAAE,IAAI;CACpB,CAAC,CAAC"}

package/dist/esm/components/simple-table/simple-table.js

@@ -0,0 +1,59 @@
+import { FASTElement } from '@microsoft/fast-element';
+
+/**
+ * Simple Table
+ * @summary A thin shell around native `<table>` that standardizes Fluent styling, RTL/high-contrast, and accessibility—without taking control of data, templates, or rendering.
+ *
+ * @example
+ * ```html
+ * <fabric-simple-table>
+ *   <table>
+ *     <caption>Account Overview</caption>
+ *     <thead>
+ *       <tr>
+ *         <th scope="col">Account</th>
+ *         <th scope="col">Owner</th>
+ *         <th scope="col">Status</th>
+ *       </tr>
+ *     </thead>
+ *     <tbody>
+ *       <tr>
+ *         <td>Contoso</td>
+ *         <td>A. Lee</td>
+ *         <td><span class="badge badge--warning">Pending</span></td>
+ *       </tr>
+ *     </tbody>
+ *   </table>
+ * </fabric-simple-table>
+ * ```
+ *
+ * @extends FASTElement
+ * @tagname fabric-simple-table
+ * @public
+ */
+class SimpleTable extends FASTElement {
+  /**
+   * Lifecycle method called when the element is connected to the DOM.
+   * Applies the microsoft-fabric-ux-fabric-simple-table class to child table elements.
+   * @public
+   */
+  connectedCallback() {
+    super.connectedCallback();
+    this.applyTableClass();
+  }
+  /**
+   * Applies the styling class to child table elements.
+   * @public
+   */
+  applyTableClass() {
+    // Use :scope > table to only select direct child table elements
+    const tableElement = this.querySelector(":scope > table");
+    if (!tableElement) {
+      console.warn("fabric-simple-table: No direct child <table> element found. This component requires a <table> as a direct child.");
+      return;
+    }
+    tableElement.classList.add("microsoft-fabric-ux-fabric-simple-table");
+  }
+}
+
+export { SimpleTable };

package/dist/esm/components/simple-table/simple-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-table.js","sourceRoot":"","sources":["../../../../../../../src/components/simple-table/simple-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,OAAO,WAAY,SAAQ,WAAW;IAC1C;;;;OAIG;IACH,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED;;;OAGG;IACI,eAAe;QACpB,gEAAgE;QAChE,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAC1D,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO,CAAC,IAAI,CACV,kHAAkH,CACnH,CAAC;YACF,OAAO;QACT,CAAC;QACD,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,yCAAyC,CAAC,CAAC;IACxE,CAAC;CACF"}

package/dist/esm/components/simple-table/simple-table.styles.js

@@ -0,0 +1,11 @@
+import { fontFamilyBase, fontSizeBase300, lineHeightBase300, colorNeutralForeground1, strokeWidthThin, colorNeutralStroke2, fontWeightSemibold, spacingVerticalM, spacingHorizontalS } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+import '@microsoft/fast-web-utilities';
+import { forcedColorsStylesheetBehavior } from '../../util/match-media-stylesheet-behaviors.js';
+import '../../util/support.js';
+
+const styles = css`
+  fabric-simple-table{display:block;font-family:${fontFamilyBase}}.microsoft-fabric-ux-fabric-simple-table{border-collapse:collapse;width:100%;font-size:${fontSizeBase300};line-height:${lineHeightBase300}}.microsoft-fabric-ux-fabric-simple-table tr{box-sizing:border-box;color:${colorNeutralForeground1}}.microsoft-fabric-ux-fabric-simple-table tbody tr{border-block-end:${strokeWidthThin} solid ${colorNeutralStroke2}}.microsoft-fabric-ux-fabric-simple-table th{color:${colorNeutralForeground1};text-align:start;font-weight:${fontWeightSemibold};vertical-align:middle;padding-block:${spacingVerticalM};padding-inline:${spacingHorizontalS}}.microsoft-fabric-ux-fabric-simple-table td{padding-block:${spacingVerticalM};padding-inline:${spacingHorizontalS};vertical-align:middle;color:${colorNeutralForeground1}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
+    .microsoft-fabric-ux-fabric-simple-table{color:CanvasText;background-color:Canvas}.microsoft-fabric-ux-fabric-simple-table tr{border-color:CanvasText}.microsoft-fabric-ux-fabric-simple-table th{color:CanvasText;border-color:CanvasText}.microsoft-fabric-ux-fabric-simple-table td{color:CanvasText}`));
+
+export { styles };

package/dist/esm/components/simple-table/simple-table.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-table.styles.js","sourceRoot":"","sources":["../../../../../../../src/components/simple-table/simple-table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AAErE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;mBAGN,cAAc;;;;;;iBAMhB,eAAe;mBACb,iBAAiB;;;;;aAKvB,uBAAuB;;;;wBAIZ,eAAe,UAAU,mBAAmB;;;;aAIvD,uBAAuB;;mBAEjB,kBAAkB;;qBAEhB,gBAAgB;sBACf,kBAAkB;;;;qBAInB,gBAAgB;sBACf,kBAAkB;;aAE3B,uBAAuB;;CAEnC,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;GAkBjC,CAAC,CACH,CAAC"}

package/dist/esm/components/slider/define.js

@@ -1,4 +1,4 @@
-import { definition } from "./slider.definition";
-import { DesignSystem } from "../design-system";
+import { definition } from "./slider.definition.js";
+import { DesignSystem } from "../design-system.js";
 definition.define(DesignSystem.registry);
 //# sourceMappingURL=define.js.map

package/dist/esm/components/slider/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/components/slider/index.js

@@ -1,4 +1,4 @@
-export { Slider } from "./slider";
-export { SliderMode, SliderOrientation, SliderSize, SliderStyles, SliderTemplate } from "@fluentui/web-components";
-export { definition as SliderDefinition } from "./slider.definition";
+export { Slider } from "./slider.js";
+export { SliderEventNames, SliderModes, SliderOrientations, SliderSizes } from "./slider.options.js";
+export { definition as SliderDefinition } from "./slider.definition.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,cAAc,EACf,MAAM,0BAA0B,CAAC;AAMlC,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAW7B,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/esm/components/slider/slider.definition.js

@@ -1,16 +1,19 @@
-import { Slider, SliderStyles, SliderTemplate } from "@fluentui/web-components";
-import { DesignSystem } from "../design-system";
+import { Slider } from './slider.js';
+import { SliderStyles, SliderTemplate } from '@fluentui/web-components';
+import { DesignSystem } from '../design-system.js';
+
 /**
  * The Fabric Slider component.
  *
  * @public
  */
-export const definition = Slider.compose({
-    name: `${DesignSystem.prefix}-slider`,
-    template: SliderTemplate,
-    styles: SliderStyles,
-    shadowOptions: {
-        delegatesFocus: true
-    }
+const definition = Slider.compose({
+  name: `${DesignSystem.prefix}-slider`,
+  template: SliderTemplate,
+  styles: SliderStyles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
 });
-//# sourceMappingURL=slider.definition.js.map
+
+export { definition };

package/dist/esm/components/slider/slider.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/slider.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;IACvC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,SAAS;IACrC,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE,YAAY;IACpB,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;KACrB;CACF,CAAC,CAAC"}
+{"version":3,"file":"slider.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/slider.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;IACvC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,SAAS;IACrC,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE,YAAY;IACpB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/dist/esm/components/slider/slider.js

@@ -1,4 +1,5 @@
-import { Slider as FluentSlider } from "@fluentui/web-components";
+import { Slider as Slider$1 } from '@fluentui/web-components';
+
 /**
  * Slider
  * @summary A Slider Custom HTML Element based on Fluent UI's Slider with custom styling and behavior.
@@ -33,6 +34,19 @@ import { Slider as FluentSlider } from "@fluentui/web-components";
  * @csspart track-container - The container element of the track.
  * @csspart thumb-container - The container element of the thumb.
  *
+ * @cssprop --border-radius - Sets the border radius for the track and thumb.
+ * @cssprop --rail-color - Sets the color of the unfilled rail.
+ * @cssprop --slider-direction - Defines the direction used to calculate the track styling.
+ * @cssprop --slider-progress - Represents the current progress for styling the track.
+ * @cssprop --slider-thumb - Defines the thumb styling for the slider.
+ * @cssprop --step-marker-inset - Offsets step markers relative to the track.
+ * @cssprop --step-rate - Defines the spacing rate for step markers.
+ * @cssprop --thumb-size - Sets the size of the slider thumb.
+ * @cssprop --track-color - Sets the color of the filled track.
+ * @cssprop --track-margin-inline - Sets the inline margin for the track.
+ * @cssprop --track-overhang - Controls how far the track extends past the thumb.
+ * @cssprop --track-size - Sets the thickness of the track.
+ *
  * @method handleChange - Handles changes to the slider's value.
  * @method handleStepStyles - Handles changes to step styling based on the step value.
  * @method checkValidity - Checks the element's validity.
@@ -53,6 +67,6 @@ import { Slider as FluentSlider } from "@fluentui/web-components";
  * @tagname fabric-slider
  * @public
  */
-export class Slider extends FluentSlider {
-}
-//# sourceMappingURL=slider.js.map
+class Slider extends Slider$1 {}
+
+export { Slider };

package/dist/esm/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,MAAM,OAAO,MAAO,SAAQ,YAAY;CAAG"}
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AACH,MAAM,OAAO,MAAO,SAAQ,YAAY;CAAG"}

package/dist/esm/components/slider/slider.options.js

@@ -0,0 +1,20 @@
+import { SliderMode, SliderOrientation, SliderSize } from '@fluentui/web-components';
+
+/** Selection mode values for {@link Slider}. */
+const SliderModes = {
+  ...SliderMode
+};
+/** Orientation values for {@link Slider}. */
+const SliderOrientations = {
+  ...SliderOrientation
+};
+/** Size values for {@link Slider}. */
+const SliderSizes = {
+  ...SliderSize
+};
+/** Event names for {@link Slider}. */
+const SliderEventNames = {
+  change: "change"
+};
+
+export { SliderEventNames, SliderModes, SliderOrientations, SliderSizes };

package/dist/esm/components/slider/slider.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.options.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/slider.options.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,IAAI,gBAAgB,EAC9B,iBAAiB,IAAI,uBAAuB,EAC5C,UAAU,IAAI,gBAAgB,EAC/B,MAAM,0BAA0B,CAAC;AAElC,gDAAgD;AAChD,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,GAAG,gBAAgB;CACX,CAAC;AAKX,6CAA6C;AAC7C,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,GAAG,uBAAuB;CAClB,CAAC;AAKX,sCAAsC;AACtC,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,GAAG,gBAAgB;CACX,CAAC;AAKX,sCAAsC;AACtC,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,MAAM,EAAE,QAAQ;CACR,CAAC"}

package/dist/esm/components/spinner/define.js

@@ -1,4 +1,4 @@
-import { definition } from "./spinner.definition";
-import { DesignSystem } from "../design-system";
+import { definition } from "./spinner.definition.js";
+import { DesignSystem } from "../design-system.js";
 definition.define(DesignSystem.registry);
 //# sourceMappingURL=define.js.map

package/dist/esm/components/spinner/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/spinner/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/spinner/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/components/spinner/index.js

@@ -1,4 +1,4 @@
-export { Spinner } from "./spinner";
-export { SpinnerAppearance, SpinnerSize, SpinnerStyles, SpinnerTemplate } from "@fluentui/web-components";
-export { definition as SpinnerDefinition } from "./spinner.definition";
+export { Spinner } from "./spinner.js";
+export { SpinnerAppearances, SpinnerSizes } from "./spinner.options.js";
+export { definition as SpinnerDefinition } from "./spinner.definition.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAExE,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/esm/components/spinner/spinner.definition.js

@@ -1,16 +1,19 @@
-import { Spinner, SpinnerStyles, SpinnerTemplate } from "@fluentui/web-components";
-import { DesignSystem } from "../design-system";
+import { Spinner } from './spinner.js';
+import { SpinnerStyles, SpinnerTemplate } from '@fluentui/web-components';
+import { DesignSystem } from '../design-system.js';
+
 /**
  * The Fabric Spinner component.
  *
  * @public
  */
-export const definition = Spinner.compose({
-    name: `${DesignSystem.prefix}-spinner`,
-    template: SpinnerTemplate,
-    styles: SpinnerStyles,
-    shadowOptions: {
-        delegatesFocus: true
-    }
+const definition = Spinner.compose({
+  name: `${DesignSystem.prefix}-spinner`,
+  template: SpinnerTemplate,
+  styles: SpinnerStyles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
 });
-//# sourceMappingURL=spinner.definition.js.map
+
+export { definition };

package/dist/esm/components/spinner/spinner.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/spinner/spinner.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,aAAa,EACb,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,UAAU;IACtC,QAAQ,EAAE,eAAe;IACzB,MAAM,EAAE,aAAa;IACrB,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;KACrB;CACF,CAAC,CAAC"}
+{"version":3,"file":"spinner.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/spinner/spinner.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,UAAU;IACtC,QAAQ,EAAE,eAAe;IACzB,MAAM,EAAE,aAAa;IACrB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}