@fluentui/web-components 3.0.0-beta.1 → 3.0.0-beta.100

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

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/slider/slider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAGlE;;;GAGG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU;IAU7B,YAAY,CAAC,MAAW,EAAE,YAAoB;QACnD,QAAQ,YAAY,EAAE;YACpB,KAAK,KAAK,CAAC;YACX,KAAK,KAAK,CAAC;YACX,KAAK,MAAM;gBACT,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACxB,MAAM;YACR;gBACE,MAAM;SACT;IACH,CAAC;IAEM,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACpD,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACpD,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAErD,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAEM,oBAAoB;QACzB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAE7B,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACtD,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACtD,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACzD,CAAC;IAID;;;OAGG;IACK,gBAAgB;QACtB,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,UAAU,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAQ,CAAC;YAEhF,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE;gBACjC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;aACpD;YAED,IAAI,CAAC,UAAU,GAAG,GAAG,CAAA,QAAQ,CAAC;;yBAEX,UAAU;;;OAG5B,CAAC;YAEF,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACjD;aAAM,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE;YACxC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACpD;IACH,CAAC;CACF;AA1DC;IADC,IAAI;oCACoB"}
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/slider/slider.ts"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-export { SliderOrientation } from '@microsoft/fast-foundation/slider.js';
+import { Orientation } from '@microsoft/fast-web-utilities';
 /**
  * SliderSize Constants
  * @public
@@ -7,4 +7,14 @@ export const SliderSize = {
     small: 'small',
     medium: 'medium',
 };
+/**
+ * @public
+ */
+export const SliderOrientation = Orientation;
+/**
+ * @public
+ */
+export const SliderMode = {
+    singleValue: 'single-value',
+};
 //# sourceMappingURL=slider.options.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.options.js","sourceRoot":"","sources":["../../../src/slider/slider.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAEzE;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC"}
+{"version":3,"file":"slider.options.js","sourceRoot":"","sources":["../../../src/slider/slider.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAI5D;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC;AAQX;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAQ7C;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,WAAW,EAAE,cAAc;CACnB,CAAC"}

package/dist/esm/slider/slider.styles.js

@@ -1,131 +1,139 @@
 import { css } from '@microsoft/fast-element';
-import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation/utilities.js';
-import { borderRadiusCircular, borderRadiusMedium, borderRadiusSmall, colorBrandBackground, colorCompoundBrandBackground, colorCompoundBrandBackgroundHover, colorCompoundBrandBackgroundPressed, colorNeutralBackground1, colorNeutralBackgroundDisabled, colorNeutralForegroundDisabled, colorNeutralStroke1, colorNeutralStrokeAccessible, colorNeutralStrokeDisabled, colorStrokeFocus1, colorStrokeFocus2, } from '../theme/design-tokens.js';
+import { display, forcedColorsStylesheetBehavior } from '../utils/index.js';
+import { borderRadiusCircular, borderRadiusMedium, borderRadiusSmall, colorCompoundBrandBackground, colorCompoundBrandBackgroundHover, colorCompoundBrandBackgroundPressed, colorNeutralBackground1, colorNeutralBackgroundDisabled, colorNeutralForegroundDisabled, colorNeutralStroke1, colorNeutralStrokeAccessible, colorStrokeFocus1, colorStrokeFocus2, } from '../theme/design-tokens.js';
 /** Text styles
  * @public
  */
 export const styles = css `
-  ${display('inline-grid')} :host {
-    --thumb-size: 18px;
-    --thumb-padding: 3px;
-    --thumb-translate: calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);
-    --track-overhang: -2px;
-    --track-width: 4px;
-    --fast-slider-height: calc(var(--thumb-size) * 10);
+  ${display('inline-grid')}
+
+  :host {
+    --thumb-size: 20px;
+    --track-margin-inline: calc(var(--thumb-size) / 2);
+    --track-size: 4px;
+    --track-overhang: calc(var(--track-size) / -2);
+    --rail-color: ${colorCompoundBrandBackground};
+    --track-color: ${colorNeutralStrokeAccessible};
     --slider-direction: 90deg;
+    --border-radius: ${borderRadiusMedium};
+    --step-marker-inset: var(--track-overhang) -1px;
+
+    position: relative;
     align-items: center;
+    justify-content: center;
     box-sizing: border-box;
     outline: none;
-    cursor: pointer;
     user-select: none;
-    border-radius: ${borderRadiusSmall};
-    touch-action: pan-y;
-    min-width: calc(var(--thumb-size) * 1px);
-    width: 100%;
+    touch-action: none;
+    min-width: 120px;
+    min-height: 32px;
+    grid-template-rows: 1fr var(--thumb-size) 1fr;
+    grid-template-columns: var(--track-margin-inline) 1fr var(--track-margin-inline);
   }
 
-  :host([size='small']) {
-    --thumb-size: 14px;
-    --track-width: 2px;
-    --thumb-padding: 3px;
-  }
-
-  :host([orientation='vertical']) {
-    --slider-direction: 0deg;
-    height: 160px;
-    min-height: var(--thumb-size);
-    touch-action: pan-x;
-    padding: 8px 0;
-    width: auto;
-    min-width: auto;
+  :host(:hover) {
+    --rail-color: ${colorCompoundBrandBackgroundHover};
   }
 
-  :host([disabled]:hover) {
-    cursor: initial;
+  :host(:active) {
+    --rail-color: ${colorCompoundBrandBackgroundPressed};
   }
 
-  :host(:focus-visible) {
-    box-shadow: 0 0 0 2pt ${colorStrokeFocus2};
-    outline: 1px solid ${colorStrokeFocus1};
+  :host(:disabled) {
+    --rail-color: ${colorNeutralForegroundDisabled};
+    --track-color: ${colorNeutralBackgroundDisabled};
   }
 
-  .thumb-cursor:focus {
-    outline: 0;
+  :host(:not(:disabled)) {
+    cursor: pointer;
   }
 
-  /* Thumb Container and Cursor */
-  .thumb-container {
-    position: absolute;
-    height: var(--thumb-size);
-    width: var(--thumb-size);
-    transition: all 0.2s ease;
+  :host(:dir(rtl)) {
+    --slider-direction: -90deg;
   }
 
-  .thumb-container {
-    transform: translateX(calc(var(--thumb-size) * 0.5)) translateY(calc(var(--thumb-translate) * -1.5));
+  :host([size='small']) {
+    --thumb-size: 16px;
+    --track-overhang: -1px;
+    --track-size: 2px;
+    --border-radius: ${borderRadiusSmall};
   }
 
-  :host([size='small']) .thumb-container {
-    transform: translateX(calc(var(--thumb-size) * 0.5)) translateY(calc(var(--thumb-translate) * -1.35));
+  :host([orientation='vertical']) {
+    --slider-direction: 0deg;
+    --step-marker-inset: -1px var(--track-overhang);
+    min-height: 120px;
+    grid-template-rows: var(--track-margin-inline) 1fr var(--track-margin-inline);
+    grid-template-columns: 1fr var(--thumb-size) 1fr;
+    width: unset;
+    min-width: 32px;
+    justify-items: center;
   }
 
-  :host([orientation='vertical']) .thumb-container {
-    transform: translateX(calc(var(--thumb-translate) * -1.5)) translateY(calc(var(--thumb-size) * -0.5));
+  :host(:not([slot='input']):focus-visible) {
+    box-shadow: 0 0 0 2pt ${colorStrokeFocus2};
+    outline: 1px solid ${colorStrokeFocus1};
   }
 
-  :host([orientation='vertical'][size='small']) .thumb-container {
-    transform: translateX(calc(var(--thumb-translate) * -1.35)) translateY(calc(var(--thumb-size) * -0.5));
+  :host:after,
+  .track {
+    height: var(--track-size);
+    width: 100%;
   }
 
-  .thumb-cursor {
-    height: var(--thumb-size);
-    width: var(--thumb-size);
-    background-color: ${colorBrandBackground};
-    border-radius: ${borderRadiusCircular};
-    box-shadow: inset 0 0 0 var(--thumb-padding) ${colorNeutralBackground1}, 0 0 0 1px ${colorNeutralStroke1};
-  }
-  .thumb-cursor:hover {
-    background-color: ${colorCompoundBrandBackgroundHover};
-  }
-  .thumb-cursor:active {
-    background-color: ${colorCompoundBrandBackgroundPressed};
-  }
-  :host([disabled]) .thumb-cursor {
-    background-color: ${colorNeutralForegroundDisabled};
-    box-shadow: inset 0 0 0 var(--thumb-padding) ${colorNeutralBackground1}, 0 0 0 1px ${colorNeutralStrokeDisabled};
+  :host:after {
+    background-image: linear-gradient(
+      var(--slider-direction),
+      var(--rail-color) 0%,
+      var(--rail-color) 50%,
+      var(--track-color) 50.1%,
+      var(--track-color) 100%
+    );
+    border-radius: var(--border-radius);
+    content: '';
+    grid-row: 1 / -1;
+    grid-column: 1 / -1;
   }
 
-  /* Positioning Region */
-  .positioning-region {
+  .track {
     position: relative;
-    display: grid;
+    background-color: var(--track-color);
+    grid-row: 2 / 2;
+    grid-column: 2 / 2;
+    forced-color-adjust: none;
+    overflow: hidden;
   }
 
-  :host([orientation='horizontal']) .positioning-region {
-    margin: 0 8px;
-    grid-template-rows: var(--thumb-size) var(--thumb-size);
-  }
-  :host([orientation='vertical']) .positioning-region {
-    margin: 8px 0;
+  :host([orientation='vertical'])::after,
+  :host([orientation='vertical']) .track {
     height: 100%;
-    grid-template-columns: var(--thumb-size) var(--thumb-size);
+    width: var(--track-size);
   }
 
-  /* Track */
-  .track {
-    align-self: start;
+  .track::before {
+    content: '';
     position: absolute;
-    background-color: ${colorNeutralStrokeAccessible};
-    border-radius: ${borderRadiusMedium};
-    overflow: hidden;
+    height: 100%;
+    border-radius: inherit;
+    inset-inline-start: 0;
+    width: var(--slider-progress);
+  }
+
+  :host(:dir(rtl)) .track::before {
+    width: calc(100% - var(--slider-progress));
+  }
+
+  :host([orientation='vertical']) .track::before {
+    width: 100%;
+    bottom: 0;
+    height: var(--slider-progress);
   }
 
   :host([step]) .track::after {
     content: '';
     position: absolute;
-    border-radius: ${borderRadiusMedium};
-    width: 100%;
-    inset: 0 2px;
+    border-radius: inherit;
+    inset: var(--step-marker-inset);
     background-image: repeating-linear-gradient(
       var(--slider-direction),
       #0000 0%,
@@ -135,52 +143,36 @@ export const styles = css `
     );
   }
 
-  :host([orientation='vertical'][step]) .track::after {
-    inset: -2px 0;
+  .thumb-container {
+    position: absolute;
+    grid-row: 2 / 2;
+    grid-column: 2 / 2;
+    transform: translateX(-50%);
+    left: var(--slider-thumb);
   }
 
-  :host([disabled]) .track {
-    background-color: ${colorNeutralBackgroundDisabled};
+  :host([orientation='vertical']) .thumb-container {
+    transform: translateY(50%);
+    left: unset;
+    bottom: var(--slider-thumb);
   }
 
-  :host([orientation='horizontal']) .track {
-    right: var(--track-overhang);
-    left: var(--track-overhang);
-    align-self: start;
-    height: var(--track-width);
-    grid-row: 2 / auto;
+  :host(:not(:active)) :is(.thumb-container, .track::before) {
+    transition: all 0.2s ease;
   }
 
-  :host([orientation='vertical']) .track {
-    top: var(--track-overhang);
-    bottom: var(--track-overhang);
-    width: var(--track-width);
-    height: 100%;
-    grid-column: 2 / auto;
-  }
-  .track-start {
-    background-color: ${colorCompoundBrandBackground};
-    position: absolute;
-    height: 100%;
-    left: 0;
-    border-radius: ${borderRadiusMedium};
-  }
-  :host([disabled]) .track-start {
-    background-color: ${colorNeutralForegroundDisabled};
-  }
-  :host(:hover) .track-start {
-    background-color: ${colorCompoundBrandBackgroundHover};
-  }
-  :host([disabled]:hover) .track-start {
-    background-color: ${colorNeutralForegroundDisabled};
-  }
-  .track-start:active {
-    background-color: ${colorCompoundBrandBackgroundPressed};
+  .thumb {
+    width: var(--thumb-size);
+    height: var(--thumb-size);
+    border-radius: ${borderRadiusCircular};
+    box-shadow: 0 0 0 calc(var(--thumb-size) * 0.2) ${colorNeutralBackground1} inset;
+    border: calc(var(--thumb-size) * 0.05) solid ${colorNeutralStroke1};
+    box-sizing: border-box;
   }
-  :host([orientation='vertical']) .track-start {
-    height: auto;
-    width: 100%;
-    bottom: 0;
+
+  .thumb,
+  .track::before {
+    background-color: var(--rail-color);
   }
 `.withBehaviors(forcedColorsStylesheetBehavior(css `
     .track:hover,
@@ -188,15 +180,15 @@ export const styles = css `
     .track {
       background: WindowText;
     }
-    .thumb-cursor:hover,
-    .thumb-cursor:active,
-    .thumb-cursor {
+    .thumb:hover,
+    .thumb:active,
+    .thumb {
       background: ButtonText;
     }
 
-    :host(:hover) .track-start,
-    .track-start:active,
-    .track-start {
+    :host(:hover) .track::before,
+    :host(:active) .track::before,
+    .track::before {
       background: Highlight;
     }
   `));

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

@@ -1 +1 @@
-{"version":3,"file":"slider.styles.js","sourceRoot":"","sources":["../../../src/slider/slider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AAClG,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,mBAAmB,EACnB,4BAA4B,EAC5B,0BAA0B,EAC1B,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;;;;;qBAaL,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;4BA2BV,iBAAiB;yBACpB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAkClB,oBAAoB;qBACvB,oBAAoB;mDACU,uBAAuB,eAAe,mBAAmB;;;wBAGpF,iCAAiC;;;wBAGjC,mCAAmC;;;wBAGnC,8BAA8B;mDACH,uBAAuB,eAAe,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;wBAuB3F,4BAA4B;qBAC/B,kBAAkB;;;;;;;qBAOlB,kBAAkB;;;;;;;QAO/B,uBAAuB;QACvB,uBAAuB;;;;;;;;;wBASP,8BAA8B;;;;;;;;;;;;;;;;;;;wBAmB9B,4BAA4B;;;;qBAI/B,kBAAkB;;;wBAGf,8BAA8B;;;wBAG9B,iCAAiC;;;wBAGjC,8BAA8B;;;wBAG9B,mCAAmC;;;;;;;CAO1D,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;GAiBjC,CAAC,CACH,CAAC"}
+{"version":3,"file":"slider.styles.js","sourceRoot":"","sources":["../../../src/slider/slider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,mBAAmB,EACnB,4BAA4B,EAC5B,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;oBAON,4BAA4B;qBAC3B,4BAA4B;;uBAE1B,kBAAkB;;;;;;;;;;;;;;;;;oBAiBrB,iCAAiC;;;;oBAIjC,mCAAmC;;;;oBAInC,8BAA8B;qBAC7B,8BAA8B;;;;;;;;;;;;;;;uBAe5B,iBAAiB;;;;;;;;;;;;;;;4BAeZ,iBAAiB;yBACpB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAkElC,uBAAuB;QACvB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;qBAyBV,oBAAoB;sDACa,uBAAuB;mDAC1B,mBAAmB;;;;;;;;CAQrE,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;GAiBjC,CAAC,CACH,CAAC"}

package/dist/esm/slider/slider.template.js

@@ -1,5 +1,26 @@
-import { sliderTemplate } from '@microsoft/fast-foundation/slider.js';
+import { html, ref } from '@microsoft/fast-element';
+import { staticallyCompose } from '../utils/template-helpers.js';
+export function sliderTemplate(options = {}) {
+    return html `
+    <template
+      tabindex="${x => (x.disabled ? null : 0)}"
+      @pointerdown="${(x, c) => x.handlePointerDown(c.event)}"
+      @keydown="${(x, c) => x.handleKeydown(c.event)}"
+    >
+      <div ${ref('track')} part="track-container" class="track" style="${x => x.position}"></div>
+      <div
+        ${ref('thumb')}
+        part="thumb-container"
+        class="thumb-container"
+        style="${x => x.position}"
+        @pointerdown="${(x, c) => x.handleThumbPointerDown(c.event)}"
+      >
+        <slot name="thumb">${staticallyCompose(options.thumb)}</slot>
+      </div>
+    </template>
+  `;
+}
 export const template = sliderTemplate({
-    thumb: `<div class="thumb-cursor" tabindex="0"></div>`,
+    thumb: `<div class="thumb"></div>`,
 });
 //# sourceMappingURL=slider.template.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.template.js","sourceRoot":"","sources":["../../../src/slider/slider.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAElF,MAAM,CAAC,MAAM,QAAQ,GAAoC,cAAc,CAAC;IACtE,KAAK,EAAE,+CAA+C;CACvD,CAAC,CAAC"}
+{"version":3,"file":"slider.template.js","sourceRoot":"","sources":["../../../src/slider/slider.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAIjE,MAAM,UAAU,cAAc,CAAmB,UAAyB,EAAE;IAC1E,OAAO,IAAI,CAAG;;kBAEE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;sBACxB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAqB,CAAC;kBAC1D,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAsB,CAAC;;aAExD,GAAG,CAAC,OAAO,CAAC,gDAAgD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;UAE9E,GAAG,CAAC,OAAO,CAAC;;;iBAGL,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;wBACR,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,KAAqB,CAAC;;6BAEtD,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC;;;GAG1D,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAgC,cAAc,CAAC;IAClE,KAAK,EAAE,2BAA2B;CACnC,CAAC,CAAC"}

package/dist/esm/spinner/index.js

@@ -1,5 +1,6 @@
-export * from './spinner.js';
-export * from './spinner.options.js';
+export { BaseSpinner } from './spinner.base.js';
+export { Spinner } from './spinner.js';
+export { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
 export { template as SpinnerTemplate } from './spinner.template.js';
 export { styles as SpinnerStyles } from './spinner.styles.js';
 export { definition as SpinnerDefinition } from './spinner.definition.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/spinner/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/esm/spinner/spinner.base.js

@@ -0,0 +1,18 @@
+import { FASTElement } from '@microsoft/fast-element';
+/**
+ * The base class used for constructing a fluent-spinner custom element
+ * @public
+ */
+export class BaseSpinner extends FASTElement {
+    constructor() {
+        super();
+        /**
+         * The internal {@link https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+         *
+         * @internal
+         */
+        this.elementInternals = this.attachInternals();
+        this.elementInternals.role = 'progressbar';
+    }
+}
+//# sourceMappingURL=spinner.base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.base.js","sourceRoot":"","sources":["../../../src/spinner/spinner.base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD;;;GAGG;AACH,MAAM,OAAO,WAAY,SAAQ,WAAW;IAQ1C;QACE,KAAK,EAAE,CAAC;QARV;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QAIjE,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,aAAa,CAAC;IAC7C,CAAC;CACF"}

package/dist/esm/spinner/spinner.bench.js

@@ -0,0 +1,10 @@
+import { FluentDesignSystem } from '../fluent-design-system.js';
+import { definition } from './spinner.definition.js';
+definition.define(FluentDesignSystem.registry);
+const itemRenderer = () => {
+    const spinner = document.createElement('fluent-spinner');
+    return spinner;
+};
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';
+//# sourceMappingURL=spinner.bench.js.map

package/dist/esm/spinner/spinner.bench.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.bench.js","sourceRoot":"","sources":["../../../src/spinner/spinner.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACzD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}

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

@@ -3,10 +3,6 @@ import { Spinner } from './spinner.js';
 import { styles } from './spinner.styles.js';
 import { template } from './spinner.template.js';
 /**
- * The Fluent Spinner Element. Implements {@link @microsoft/fast-foundation#ProgressRing },
- * {@link @microsoft/fast-foundation#progress-ringTemplate}
- *
- *
  * @public
  * @remarks
  * HTML Element: \<fluent-spinner\>

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

@@ -1 +1 @@
-{"version":3,"file":"spinner.definition.js","sourceRoot":"","sources":["../../../src/spinner/spinner.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,UAAU;IAC5C,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
+{"version":3,"file":"spinner.definition.js","sourceRoot":"","sources":["../../../src/spinner/spinner.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,UAAU;IAC5C,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}

package/dist/esm/spinner/spinner.js

@@ -1,16 +1,15 @@
-var __decorate = (this && this.__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;
-};
+import { __decorate } from "tslib";
 import { attr } from '@microsoft/fast-element';
-import { FASTProgressRing } from '@microsoft/fast-foundation/progress-ring.js';
+import { BaseSpinner } from './spinner.base.js';
 /**
- * The base class used for constructing a fluent-spinner custom element
+ * A Spinner Custom HTML Element.
+ * Based on BaseSpinner and includes style and layout specific attributes
+ *
+ * @tag fluent-spinner
+ *
  * @public
  */
-export class Spinner extends FASTProgressRing {
+export class Spinner extends BaseSpinner {
 }
 __decorate([
     attr

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

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../src/spinner/spinner.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAG/E;;;GAGG;AACH,MAAM,OAAO,OAAQ,SAAQ,gBAAgB;CAqB5C;AAXC;IADC,IAAI;qCACqB;AAU1B;IADC,IAAI;2CACiC"}
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../src/spinner/spinner.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD;;;;;;;GAOG;AACH,MAAM,OAAO,OAAQ,SAAQ,WAAW;CAmBvC;AAVQ;IADN,IAAI;qCACqB;AASnB;IADN,IAAI;2CACiC"}