@fluentui/web-components 3.0.0-beta.51 → 3.0.0-beta.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/CHANGELOG.md +12 -2
  2. package/dist/dts/field/field.d.ts +17 -9
  3. package/dist/dts/field/index.d.ts +1 -1
  4. package/dist/dts/index.d.ts +3 -1
  5. package/dist/esm/field/field.js +27 -16
  6. package/dist/esm/field/field.js.map +1 -1
  7. package/dist/esm/field/index.js +1 -1
  8. package/dist/esm/field/index.js.map +1 -1
  9. package/dist/esm/index.js +2 -1
  10. package/dist/esm/index.js.map +1 -1
  11. package/dist/web-components.d.ts +142 -116
  12. package/dist/web-components.js +11 -6
  13. package/dist/web-components.min.js +91 -91
  14. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,12 +1,22 @@
1
1
  # Change Log - @fluentui/web-components
2
2
 
3
- This log was last generated on Mon, 29 Jul 2024 04:07:16 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 02 Aug 2024 04:07:46 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [3.0.0-beta.52](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.52)
8
+
9
+ Fri, 02 Aug 2024 04:07:46 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.51..@fluentui/web-components_v3.0.0-beta.52)
11
+
12
+ ### Changes
13
+
14
+ - Export patterns. ([PR #32182](https://github.com/microsoft/fluentui/pull/32182) by mlijanto@microsoft.com)
15
+ - feat: abstracts layout api from field class ([PR #32203](https://github.com/microsoft/fluentui/pull/32203) by jes@microsoft.com)
16
+
7
17
  ## [3.0.0-beta.51](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.51)
8
18
 
9
- Mon, 29 Jul 2024 04:07:16 GMT
19
+ Mon, 29 Jul 2024 04:07:23 GMT
10
20
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.50..@fluentui/web-components_v3.0.0-beta.51)
11
21
 
12
22
  ### Changes
package/dist/dts/field/field.d.ts CHANGED
@@ -5,15 +5,7 @@ import { LabelPosition, SlottableInput } from './field.options.js';
5
5
  *
6
6
  * @public
7
7
  */
8
- export declare class Field extends FASTElement {
9
- /**
10
- * The position of the label relative to the input.
11
- *
12
- * @public
13
- * @remarks
14
- * HTML Attribute: `label-position`
15
- */
16
- labelPosition: LabelPosition;
8
+ export declare class BaseField extends FASTElement {
17
9
  /**
18
10
  * The slotted label elements.
19
11
  *
@@ -126,3 +118,19 @@ export declare class Field extends FASTElement {
126
118
  setStates(): void;
127
119
  setValidationStates(): void;
128
120
  }
121
+ /**
122
+ * A Field Custom HTML Element.
123
+ * Based on BaseField and includes style and layout specific attributes
124
+ *
125
+ * @public
126
+ */
127
+ export declare class Field extends BaseField {
128
+ /**
129
+ * The position of the label relative to the input.
130
+ *
131
+ * @public
132
+ * @remarks
133
+ * HTML Attribute: `label-position`
134
+ */
135
+ labelPosition: LabelPosition;
136
+ }
package/dist/dts/field/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { Field } from './field.js';
1
+ export { BaseField, Field } from './field.js';
2
2
  export { LabelPosition as FieldLabelPosition, ValidationFlags } from './field.options.js';
3
3
  export type { SlottableInput } from './field.options.js';
4
4
  export { definition as FieldDefinition } from './field.definition.js';
package/dist/dts/index.d.ts CHANGED
@@ -15,7 +15,7 @@ export { DialogBody, DialogBodyDefinition, DialogBodyTemplate, DialogBodyStyles
15
15
  export { BaseDivider, Divider, DividerAlignContent, DividerAppearance, DividerDefinition, DividerOrientation, DividerRole, DividerStyles, DividerTemplate, } from './divider/index.js';
16
16
  export { Drawer, DrawerDefinition, DrawerPosition, DrawerSize, DrawerType, DrawerTemplate, DrawerStyles, } from './drawer/index.js';
17
17
  export { DrawerBody, DrawerBodyDefinition, DrawerBodyTemplate, DrawerBodyStyles } from './drawer-body/index.js';
18
- export { Field, FieldLabelPosition, ValidationFlags, FieldDefinition, FieldStyles, FieldTemplate, } from './field/index.js';
18
+ export { BaseField, Field, FieldLabelPosition, ValidationFlags, FieldDefinition, FieldStyles, FieldTemplate, } from './field/index.js';
19
19
  export type { SlottableInput } from './field/index.js';
20
20
  export { FluentDesignSystem } from './fluent-design-system.js';
21
21
  export { Image, ImageDefinition, ImageFit, ImageShape, ImageStyles, ImageTemplate } from './image/index.js';
@@ -27,6 +27,8 @@ export { MenuItem, MenuItemDefinition, MenuItemRole, MenuItemStyles, MenuItemTem
27
27
  export type { MenuItemColumnCount, MenuItemOptions } from './menu-item/index.js';
28
28
  export { MenuList, MenuListDefinition, MenuListStyles, MenuListTemplate } from './menu-list/index.js';
29
29
  export { Menu, MenuDefinition, MenuStyles, MenuTemplate } from './menu/index.js';
30
+ export { StartEnd, endSlotTemplate, startSlotTemplate } from './patterns/start-end.js';
31
+ export type { StartOptions, EndOptions, StartEndOptions } from './patterns/start-end.js';
30
32
  export { BaseProgressBar, ProgressBar, ProgressBarDefinition, ProgressBarShape, ProgressBarStyles, ProgressBarTemplate, ProgressBarThickness, ProgressBarValidationState, } from './progress-bar/index.js';
31
33
  export { RadioGroup, RadioGroupDefinition, RadioGroupOrientation, RadioGroupStyles, RadioGroupTemplate, } from './radio-group/index.js';
32
34
  export { Radio, RadioDefinition, RadioStyles, RadioTemplate } from './radio/index.js';
package/dist/esm/field/field.js CHANGED
@@ -8,7 +8,7 @@ import { LabelPosition, ValidationFlags } from './field.options.js';
8
8
  *
9
9
  * @public
10
10
  */
11
- export class Field extends FASTElement {
11
+ export class BaseField extends FASTElement {
12
12
  /**
13
13
  * Updates attributes on the slotted label elements.
14
14
  *
@@ -86,14 +86,6 @@ export class Field extends FASTElement {
86
86
  }
87
87
  constructor() {
88
88
  super();
89
- /**
90
- * The position of the label relative to the input.
91
- *
92
- * @public
93
- * @remarks
94
- * HTML Attribute: `label-position`
95
- */
96
- this.labelPosition = LabelPosition.above;
97
89
  /**
98
90
  * The slotted label elements.
99
91
  *
@@ -183,19 +175,38 @@ export class Field extends FASTElement {
183
175
  }
184
176
  }
185
177
  }
186
- __decorate([
187
- attr({ attribute: 'label-position' })
188
- ], Field.prototype, "labelPosition", void 0);
189
178
  __decorate([
190
179
  observable
191
- ], Field.prototype, "labelSlot", void 0);
180
+ ], BaseField.prototype, "labelSlot", void 0);
192
181
  __decorate([
193
182
  observable
194
- ], Field.prototype, "messageSlot", void 0);
183
+ ], BaseField.prototype, "messageSlot", void 0);
195
184
  __decorate([
196
185
  observable
197
- ], Field.prototype, "slottedInputs", void 0);
186
+ ], BaseField.prototype, "slottedInputs", void 0);
198
187
  __decorate([
199
188
  observable
200
- ], Field.prototype, "input", void 0);
189
+ ], BaseField.prototype, "input", void 0);
190
+ /**
191
+ * A Field Custom HTML Element.
192
+ * Based on BaseField and includes style and layout specific attributes
193
+ *
194
+ * @public
195
+ */
196
+ export class Field extends BaseField {
197
+ constructor() {
198
+ super(...arguments);
199
+ /**
200
+ * The position of the label relative to the input.
201
+ *
202
+ * @public
203
+ * @remarks
204
+ * HTML Attribute: `label-position`
205
+ */
206
+ this.labelPosition = LabelPosition.above;
207
+ }
208
+ }
209
+ __decorate([
210
+ attr({ attribute: 'label-position' })
211
+ ], Field.prototype, "labelPosition", void 0);
201
212
  //# sourceMappingURL=field.js.map
package/dist/esm/field/field.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"field.js","sourceRoot":"","sources":["../../../src/field/field.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"field.js","sourceRoot":"","sources":["../../../src/field/field.ts"],"names":[],"mappings":"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"}
package/dist/esm/field/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { Field } from './field.js';
1
+ export { BaseField, Field } from './field.js';
2
2
  export { LabelPosition as FieldLabelPosition, ValidationFlags } from './field.options.js';
3
3
  export { definition as FieldDefinition } from './field.definition.js';
4
4
  export { styles as FieldStyles } from './field.styles.js';
package/dist/esm/field/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,aAAa,IAAI,kBAAkB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1F,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,aAAa,IAAI,kBAAkB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1F,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC"}
package/dist/esm/index.js CHANGED
@@ -12,7 +12,7 @@ export { DialogBody, DialogBodyDefinition, DialogBodyTemplate, DialogBodyStyles
12
12
  export { BaseDivider, Divider, DividerAlignContent, DividerAppearance, DividerDefinition, DividerOrientation, DividerRole, DividerStyles, DividerTemplate, } from './divider/index.js';
13
13
  export { Drawer, DrawerDefinition, DrawerPosition, DrawerSize, DrawerType, DrawerTemplate, DrawerStyles, } from './drawer/index.js';
14
14
  export { DrawerBody, DrawerBodyDefinition, DrawerBodyTemplate, DrawerBodyStyles } from './drawer-body/index.js';
15
- export { Field, FieldLabelPosition, ValidationFlags, FieldDefinition, FieldStyles, FieldTemplate, } from './field/index.js';
15
+ export { BaseField, Field, FieldLabelPosition, ValidationFlags, FieldDefinition, FieldStyles, FieldTemplate, } from './field/index.js';
16
16
  export { FluentDesignSystem } from './fluent-design-system.js';
17
17
  export { Image, ImageDefinition, ImageFit, ImageShape, ImageStyles, ImageTemplate } from './image/index.js';
18
18
  export { Label, LabelDefinition, LabelSize, LabelStyles, LabelTemplate, LabelWeight } from './label/index.js';
@@ -21,6 +21,7 @@ export { MenuButton, MenuButtonAppearance, MenuButtonDefinition, MenuButtonShape
21
21
  export { MenuItem, MenuItemDefinition, MenuItemRole, MenuItemStyles, MenuItemTemplate, roleForMenuItem, } from './menu-item/index.js';
22
22
  export { MenuList, MenuListDefinition, MenuListStyles, MenuListTemplate } from './menu-list/index.js';
23
23
  export { Menu, MenuDefinition, MenuStyles, MenuTemplate } from './menu/index.js';
24
+ export { StartEnd, endSlotTemplate, startSlotTemplate } from './patterns/start-end.js';
24
25
  export { BaseProgressBar, ProgressBar, ProgressBarDefinition, ProgressBarShape, ProgressBarStyles, ProgressBarTemplate, ProgressBarThickness, ProgressBarValidationState, } from './progress-bar/index.js';
25
26
  export { RadioGroup, RadioGroupDefinition, RadioGroupOrientation, RadioGroupStyles, RadioGroupTemplate, } from './radio-group/index.js';
26
27
  export { Radio, RadioDefinition, RadioStyles, RadioTemplate } from './radio/index.js';
package/dist/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
package/dist/web-components.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /// <reference types="web" />
2
2
 
3
+ import { CaptureType } from '@microsoft/fast-element';
3
4
  import { CSSDirective } from '@microsoft/fast-element';
4
5
  import { Direction } from '@microsoft/fast-web-utilities';
5
6
  import { ElementStyles } from '@microsoft/fast-element';
@@ -1633,6 +1634,125 @@ export declare class BaseDivider extends FASTElement {
1633
1634
  orientationChanged(previous: string | null, next: string | null): void;
1634
1635
  }
1635
1636
 
1637
+ /**
1638
+ * A Field Custom HTML Element.
1639
+ *
1640
+ * @public
1641
+ */
1642
+ export declare class BaseField extends FASTElement {
1643
+ /**
1644
+ * The slotted label elements.
1645
+ *
1646
+ * @internal
1647
+ */
1648
+ labelSlot: Node[];
1649
+ /**
1650
+ * Updates attributes on the slotted label elements.
1651
+ *
1652
+ * @param prev - the previous list of slotted label elements
1653
+ * @param next - the current list of slotted label elements
1654
+ */
1655
+ protected labelSlotChanged(prev: Node[], next: Node[]): void;
1656
+ /**
1657
+ * The slotted message elements. Filtered to only include elements with a `flag` attribute.
1658
+ *
1659
+ * @internal
1660
+ */
1661
+ messageSlot: Element[];
1662
+ /**
1663
+ * Adds or removes the `invalid` event listener based on the presence of slotted message elements.
1664
+ *
1665
+ * @param prev - the previous list of slotted message elements
1666
+ * @param next - the current list of slotted message elements
1667
+ * @internal
1668
+ */
1669
+ messageSlotChanged(prev: Element[], next: Element[]): void;
1670
+ /**
1671
+ * The slotted inputs.
1672
+ *
1673
+ * @internal
1674
+ * @privateRemarks
1675
+ * This field is populated with the `children` directive in the template rather than `slotted`.
1676
+ */
1677
+ slottedInputs: SlottableInput[];
1678
+ /**
1679
+ * Sets the `input` property to the first slotted input.
1680
+ *
1681
+ * @param prev - The previous collection of inputs.
1682
+ * @param next - The current collection of inputs.
1683
+ * @internal
1684
+ */
1685
+ slottedInputsChanged(prev: SlottableInput[] | undefined, next: SlottableInput[] | undefined): void;
1686
+ /**
1687
+ * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
1688
+ *
1689
+ * @internal
1690
+ */
1691
+ elementInternals: ElementInternals;
1692
+ /**
1693
+ * Reference to the first slotted input.
1694
+ *
1695
+ * @public
1696
+ */
1697
+ input: SlottableInput;
1698
+ /**
1699
+ * Updates the field's states and label properties when the assigned input changes.
1700
+ *
1701
+ * @param prev - the previous input
1702
+ * @param next - the current input
1703
+ */
1704
+ inputChanged(prev: SlottableInput | undefined, next: SlottableInput | undefined): void;
1705
+ /**
1706
+ * Calls the `setStates` method when a `change` event is emitted from the slotted input.
1707
+ *
1708
+ * @param e - the event object
1709
+ * @internal
1710
+ */
1711
+ changeHandler(e: Event): boolean | void;
1712
+ /**
1713
+ * Redirects `click` events to the slotted input.
1714
+ *
1715
+ * @param e - the event object
1716
+ * @internal
1717
+ */
1718
+ clickHandler(e: MouseEvent): boolean | void;
1719
+ constructor();
1720
+ /**
1721
+ * Applies the `focus-visible` state to the element when the slotted input receives visible focus.
1722
+ *
1723
+ * @param e - the focus event
1724
+ * @internal
1725
+ */
1726
+ focusinHandler(e: FocusEvent): boolean | void;
1727
+ /**
1728
+ * Removes the `focus-visible` state from the field when a slotted input loses focus.
1729
+ *
1730
+ * @param e - the focus event
1731
+ * @internal
1732
+ */
1733
+ focusoutHandler(e: FocusEvent): boolean | void;
1734
+ /**
1735
+ * Toggles validity state flags on the element when the slotted input emits an `invalid` event (if slotted validation messages are present).
1736
+ *
1737
+ * @param e - the event object
1738
+ * @internal
1739
+ */
1740
+ invalidHandler(e: Event): boolean | void;
1741
+ /**
1742
+ * Sets ARIA and form-related attributes on slotted label elements.
1743
+ *
1744
+ * @internal
1745
+ */
1746
+ private setLabelProperties;
1747
+ /**
1748
+ * Toggles the field's states based on the slotted input.
1749
+ *
1750
+ * @internal
1751
+ */
1752
+ setStates(): void;
1753
+ setValidationStates(): void;
1754
+ }
1755
+
1636
1756
  /**
1637
1757
  * A Progress HTML Element.
1638
1758
  * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
@@ -5483,16 +5603,25 @@ export declare const durationUltraSlow = "var(--durationUltraSlow)";
5483
5603
  * End configuration options
5484
5604
  * @public
5485
5605
  */
5486
- declare type EndOptions<TSource = any, TParent = any> = {
5606
+ export declare type EndOptions<TSource = any, TParent = any> = {
5487
5607
  end?: StaticallyComposableHTML<TSource, TParent>;
5488
5608
  };
5489
5609
 
5610
+ /**
5611
+ * The template for the end slot.
5612
+ * For use with {@link StartEnd}
5613
+ *
5614
+ * @public
5615
+ */
5616
+ export declare function endSlotTemplate<TSource extends StartEnd = StartEnd, TParent = any>(options: EndOptions<TSource, TParent>): CaptureType<TSource, TParent>;
5617
+
5490
5618
  /**
5491
5619
  * A Field Custom HTML Element.
5620
+ * Based on BaseField and includes style and layout specific attributes
5492
5621
  *
5493
5622
  * @public
5494
5623
  */
5495
- export declare class Field extends FASTElement {
5624
+ export declare class Field extends BaseField {
5496
5625
  /**
5497
5626
  * The position of the label relative to the input.
5498
5627
  *
@@ -5501,117 +5630,6 @@ export declare class Field extends FASTElement {
5501
5630
  * HTML Attribute: `label-position`
5502
5631
  */
5503
5632
  labelPosition: FieldLabelPosition;
5504
- /**
5505
- * The slotted label elements.
5506
- *
5507
- * @internal
5508
- */
5509
- labelSlot: Node[];
5510
- /**
5511
- * Updates attributes on the slotted label elements.
5512
- *
5513
- * @param prev - the previous list of slotted label elements
5514
- * @param next - the current list of slotted label elements
5515
- */
5516
- protected labelSlotChanged(prev: Node[], next: Node[]): void;
5517
- /**
5518
- * The slotted message elements. Filtered to only include elements with a `flag` attribute.
5519
- *
5520
- * @internal
5521
- */
5522
- messageSlot: Element[];
5523
- /**
5524
- * Adds or removes the `invalid` event listener based on the presence of slotted message elements.
5525
- *
5526
- * @param prev - the previous list of slotted message elements
5527
- * @param next - the current list of slotted message elements
5528
- * @internal
5529
- */
5530
- messageSlotChanged(prev: Element[], next: Element[]): void;
5531
- /**
5532
- * The slotted inputs.
5533
- *
5534
- * @internal
5535
- * @privateRemarks
5536
- * This field is populated with the `children` directive in the template rather than `slotted`.
5537
- */
5538
- slottedInputs: SlottableInput[];
5539
- /**
5540
- * Sets the `input` property to the first slotted input.
5541
- *
5542
- * @param prev - The previous collection of inputs.
5543
- * @param next - The current collection of inputs.
5544
- * @internal
5545
- */
5546
- slottedInputsChanged(prev: SlottableInput[] | undefined, next: SlottableInput[] | undefined): void;
5547
- /**
5548
- * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
5549
- *
5550
- * @internal
5551
- */
5552
- elementInternals: ElementInternals;
5553
- /**
5554
- * Reference to the first slotted input.
5555
- *
5556
- * @public
5557
- */
5558
- input: SlottableInput;
5559
- /**
5560
- * Updates the field's states and label properties when the assigned input changes.
5561
- *
5562
- * @param prev - the previous input
5563
- * @param next - the current input
5564
- */
5565
- inputChanged(prev: SlottableInput | undefined, next: SlottableInput | undefined): void;
5566
- /**
5567
- * Calls the `setStates` method when a `change` event is emitted from the slotted input.
5568
- *
5569
- * @param e - the event object
5570
- * @internal
5571
- */
5572
- changeHandler(e: Event): boolean | void;
5573
- /**
5574
- * Redirects `click` events to the slotted input.
5575
- *
5576
- * @param e - the event object
5577
- * @internal
5578
- */
5579
- clickHandler(e: MouseEvent): boolean | void;
5580
- constructor();
5581
- /**
5582
- * Applies the `focus-visible` state to the element when the slotted input receives visible focus.
5583
- *
5584
- * @param e - the focus event
5585
- * @internal
5586
- */
5587
- focusinHandler(e: FocusEvent): boolean | void;
5588
- /**
5589
- * Removes the `focus-visible` state from the field when a slotted input loses focus.
5590
- *
5591
- * @param e - the focus event
5592
- * @internal
5593
- */
5594
- focusoutHandler(e: FocusEvent): boolean | void;
5595
- /**
5596
- * Toggles validity state flags on the element when the slotted input emits an `invalid` event (if slotted validation messages are present).
5597
- *
5598
- * @param e - the event object
5599
- * @internal
5600
- */
5601
- invalidHandler(e: Event): boolean | void;
5602
- /**
5603
- * Sets ARIA and form-related attributes on slotted label elements.
5604
- *
5605
- * @internal
5606
- */
5607
- private setLabelProperties;
5608
- /**
5609
- * Toggles the field's states based on the slotted input.
5610
- *
5611
- * @internal
5612
- */
5613
- setStates(): void;
5614
- setValidationStates(): void;
5615
5633
  }
5616
5634
 
5617
5635
  /**
@@ -8251,7 +8269,7 @@ export declare const SpinnerTemplate: ViewTemplate<Spinner, any>;
8251
8269
  * These are generally used to decorate text elements with icons or other visual indicators.
8252
8270
  * @public
8253
8271
  */
8254
- declare class StartEnd {
8272
+ export declare class StartEnd {
8255
8273
  start: HTMLSlotElement;
8256
8274
  end: HTMLSlotElement;
8257
8275
  }
@@ -8260,16 +8278,24 @@ declare class StartEnd {
8260
8278
  * Start/End configuration options
8261
8279
  * @public
8262
8280
  */
8263
- declare type StartEndOptions<TSource = any, TParent = any> = StartOptions<TSource, TParent> & EndOptions<TSource, TParent>;
8281
+ export declare type StartEndOptions<TSource = any, TParent = any> = StartOptions<TSource, TParent> & EndOptions<TSource, TParent>;
8264
8282
 
8265
8283
  /**
8266
8284
  * Start configuration options
8267
8285
  * @public
8268
8286
  */
8269
- declare type StartOptions<TSource = any, TParent = any> = {
8287
+ export declare type StartOptions<TSource = any, TParent = any> = {
8270
8288
  start?: StaticallyComposableHTML<TSource, TParent>;
8271
8289
  };
8272
8290
 
8291
+ /**
8292
+ * The template for the start slots.
8293
+ * For use with {@link StartEnd}
8294
+ *
8295
+ * @public
8296
+ */
8297
+ export declare function startSlotTemplate<TSource extends StartEnd = StartEnd, TParent = any>(options: StartOptions<TSource, TParent>): CaptureType<TSource, TParent>;
8298
+
8273
8299
  /**
8274
8300
  * A value that can be statically composed into a
8275
8301
  * foundation template.
package/dist/web-components.js CHANGED
@@ -6571,10 +6571,9 @@ var __decorateClass$h = (decorators, target, key, kind) => {
6571
6571
  if (kind && result) __defProp$h(target, key, result);
6572
6572
  return result;
6573
6573
  };
6574
- class Field extends FASTElement {
6574
+ class BaseField extends FASTElement {
6575
6575
  constructor() {
6576
6576
  super();
6577
- this.labelPosition = LabelPosition.above;
6578
6577
  this.labelSlot = [];
6579
6578
  /**
6580
6579
  * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
@@ -6737,13 +6736,19 @@ class Field extends FASTElement {
6737
6736
  }
6738
6737
  }
6739
6738
  }
6739
+ __decorateClass$h([observable], BaseField.prototype, "labelSlot", 2);
6740
+ __decorateClass$h([observable], BaseField.prototype, "messageSlot", 2);
6741
+ __decorateClass$h([observable], BaseField.prototype, "slottedInputs", 2);
6742
+ __decorateClass$h([observable], BaseField.prototype, "input", 2);
6743
+ class Field extends BaseField {
6744
+ constructor() {
6745
+ super(...arguments);
6746
+ this.labelPosition = LabelPosition.above;
6747
+ }
6748
+ }
6740
6749
  __decorateClass$h([attr({
6741
6750
  attribute: "label-position"
6742
6751
  })], Field.prototype, "labelPosition", 2);
6743
- __decorateClass$h([observable], Field.prototype, "labelSlot", 2);
6744
- __decorateClass$h([observable], Field.prototype, "messageSlot", 2);
6745
- __decorateClass$h([observable], Field.prototype, "slottedInputs", 2);
6746
- __decorateClass$h([observable], Field.prototype, "input", 2);
6747
6752
 
6748
6753
  const focusVisibleState = css.partial`:is([state--focus-visible], :state(focus-visible))`;
6749
6754
  const badInputState = css.partial`:is([state--${ValidationFlags.badInput}], :state(${ValidationFlags.badInput}))`;