@fluentui/web-components 3.0.0-beta.10 → 3.0.0-beta.11
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.
- package/CHANGELOG.md +11 -2
- package/dist/dts/index.d.ts +3 -0
- package/dist/dts/utils/behaviors/match-media-stylesheet-behavior.d.ts +124 -0
- package/dist/dts/utils/display.d.ts +17 -0
- package/dist/dts/utils/index.d.ts +2 -0
- package/dist/esm/accordion/accordion.styles.js +1 -1
- package/dist/esm/accordion/accordion.styles.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.styles.js +1 -1
- package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
- package/dist/esm/avatar/avatar.styles.js +1 -1
- package/dist/esm/avatar/avatar.styles.js.map +1 -1
- package/dist/esm/button/button.styles.js +1 -1
- package/dist/esm/button/button.styles.js.map +1 -1
- package/dist/esm/checkbox/checkbox.styles.js +1 -1
- package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
- package/dist/esm/dialog/dialog.styles.js +1 -1
- package/dist/esm/dialog/dialog.styles.js.map +1 -1
- package/dist/esm/divider/divider.styles.js +1 -1
- package/dist/esm/divider/divider.styles.js.map +1 -1
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/label/label.styles.js +1 -1
- package/dist/esm/label/label.styles.js.map +1 -1
- package/dist/esm/menu-item/menu-item.styles.js +1 -1
- package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
- package/dist/esm/menu-list/menu-list.styles.js +1 -1
- package/dist/esm/menu-list/menu-list.styles.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.styles.js +1 -1
- package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/esm/radio/radio.styles.js +1 -1
- package/dist/esm/radio/radio.styles.js.map +1 -1
- package/dist/esm/radio-group/radio-group.styles.js +1 -1
- package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
- package/dist/esm/slider/slider.styles.js +1 -1
- package/dist/esm/slider/slider.styles.js.map +1 -1
- package/dist/esm/spinner/spinner.styles.js +1 -1
- package/dist/esm/spinner/spinner.styles.js.map +1 -1
- package/dist/esm/styles/partials/badge.partials.js +1 -1
- package/dist/esm/styles/partials/badge.partials.js.map +1 -1
- package/dist/esm/switch/switch.styles.js +1 -1
- package/dist/esm/switch/switch.styles.js.map +1 -1
- package/dist/esm/tab/tab.styles.js +1 -1
- package/dist/esm/tab/tab.styles.js.map +1 -1
- package/dist/esm/tab-panel/tab-panel.styles.js +1 -1
- package/dist/esm/tab-panel/tab-panel.styles.js.map +1 -1
- package/dist/esm/tabs/tabs.styles.js +1 -1
- package/dist/esm/tabs/tabs.styles.js.map +1 -1
- package/dist/esm/text/text.styles.js +1 -1
- package/dist/esm/text/text.styles.js.map +1 -1
- package/dist/esm/text-input/text-input.styles.js +1 -1
- package/dist/esm/text-input/text-input.styles.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.styles.js +1 -1
- package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js +142 -0
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js.map +1 -0
- package/dist/esm/utils/display.js +15 -0
- package/dist/esm/utils/display.js.map +1 -0
- package/dist/esm/utils/index.js +2 -0
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/fluent-web-components.api.json +773 -0
- package/dist/storybook/{284.0946b1fb.iframe.bundle.js → 289.703b1698.iframe.bundle.js} +2 -2
- package/dist/storybook/{284.0946b1fb.iframe.bundle.js.LICENSE.txt → 289.703b1698.iframe.bundle.js.LICENSE.txt} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/main.81e47c59.iframe.bundle.js +2 -0
- package/dist/storybook/project.json +1 -1
- package/dist/web-components.d.ts +161 -0
- package/dist/web-components.js +490 -361
- package/dist/web-components.min.js +137 -137
- package/docs/api-report.md +46 -0
- package/package.json +2 -2
- package/tensile.config.js +0 -2
- package/dist/storybook/main.b9de79ac.iframe.bundle.js +0 -2
- /package/dist/storybook/{main.b9de79ac.iframe.bundle.js.LICENSE.txt → main.81e47c59.iframe.bundle.js.LICENSE.txt} +0 -0
|
@@ -14058,6 +14058,31 @@
|
|
|
14058
14058
|
"endIndex": 5
|
|
14059
14059
|
}
|
|
14060
14060
|
},
|
|
14061
|
+
{
|
|
14062
|
+
"kind": "TypeAlias",
|
|
14063
|
+
"canonicalReference": "@fluentui/web-components!CSSDisplayPropertyValue:type",
|
|
14064
|
+
"docComment": "/**\n * Define all possible CSS display values.\n *\n * @public\n */\n",
|
|
14065
|
+
"excerptTokens": [
|
|
14066
|
+
{
|
|
14067
|
+
"kind": "Content",
|
|
14068
|
+
"text": "export declare type CSSDisplayPropertyValue = "
|
|
14069
|
+
},
|
|
14070
|
+
{
|
|
14071
|
+
"kind": "Content",
|
|
14072
|
+
"text": "'block' | 'contents' | 'flex' | 'grid' | 'inherit' | 'initial' | 'inline' | 'inline-block' | 'inline-flex' | 'inline-grid' | 'inline-table' | 'list-item' | 'none' | 'run-in' | 'table' | 'table-caption' | 'table-cell' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row' | 'table-row-group'"
|
|
14073
|
+
},
|
|
14074
|
+
{
|
|
14075
|
+
"kind": "Content",
|
|
14076
|
+
"text": ";"
|
|
14077
|
+
}
|
|
14078
|
+
],
|
|
14079
|
+
"releaseTag": "Public",
|
|
14080
|
+
"name": "CSSDisplayPropertyValue",
|
|
14081
|
+
"typeTokenRange": {
|
|
14082
|
+
"startIndex": 1,
|
|
14083
|
+
"endIndex": 2
|
|
14084
|
+
}
|
|
14085
|
+
},
|
|
14061
14086
|
{
|
|
14062
14087
|
"kind": "Variable",
|
|
14063
14088
|
"canonicalReference": "@fluentui/web-components!curveAccelerateMax:var",
|
|
@@ -14292,6 +14317,42 @@
|
|
|
14292
14317
|
"endIndex": 0
|
|
14293
14318
|
}
|
|
14294
14319
|
},
|
|
14320
|
+
{
|
|
14321
|
+
"kind": "Variable",
|
|
14322
|
+
"canonicalReference": "@fluentui/web-components!darkModeStylesheetBehavior:var",
|
|
14323
|
+
"docComment": "/**\n * This can be used to construct a behavior to apply a prefers color scheme: dark only stylesheet.\n *\n * @public\n */\n",
|
|
14324
|
+
"excerptTokens": [
|
|
14325
|
+
{
|
|
14326
|
+
"kind": "Content",
|
|
14327
|
+
"text": "darkModeStylesheetBehavior: "
|
|
14328
|
+
},
|
|
14329
|
+
{
|
|
14330
|
+
"kind": "Content",
|
|
14331
|
+
"text": "(styles: "
|
|
14332
|
+
},
|
|
14333
|
+
{
|
|
14334
|
+
"kind": "Reference",
|
|
14335
|
+
"text": "ElementStyles",
|
|
14336
|
+
"canonicalReference": "@microsoft/fast-element!ElementStyles:class"
|
|
14337
|
+
},
|
|
14338
|
+
{
|
|
14339
|
+
"kind": "Content",
|
|
14340
|
+
"text": ") => "
|
|
14341
|
+
},
|
|
14342
|
+
{
|
|
14343
|
+
"kind": "Reference",
|
|
14344
|
+
"text": "MatchMediaStyleSheetBehavior",
|
|
14345
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class"
|
|
14346
|
+
}
|
|
14347
|
+
],
|
|
14348
|
+
"isReadonly": true,
|
|
14349
|
+
"releaseTag": "Public",
|
|
14350
|
+
"name": "darkModeStylesheetBehavior",
|
|
14351
|
+
"variableTypeTokenRange": {
|
|
14352
|
+
"startIndex": 1,
|
|
14353
|
+
"endIndex": 5
|
|
14354
|
+
}
|
|
14355
|
+
},
|
|
14295
14356
|
{
|
|
14296
14357
|
"kind": "Class",
|
|
14297
14358
|
"canonicalReference": "@fluentui/web-components!DelegatesARIAButton:class",
|
|
@@ -15272,6 +15333,51 @@
|
|
|
15272
15333
|
"endIndex": 5
|
|
15273
15334
|
}
|
|
15274
15335
|
},
|
|
15336
|
+
{
|
|
15337
|
+
"kind": "Function",
|
|
15338
|
+
"canonicalReference": "@fluentui/web-components!display:function(1)",
|
|
15339
|
+
"docComment": "/**\n * Applies a CSS display property. Also adds CSS rules to not display the element when the [hidden] attribute is applied to the element.\n *\n * @param display - The CSS display property value\n *\n * @public\n */\n",
|
|
15340
|
+
"excerptTokens": [
|
|
15341
|
+
{
|
|
15342
|
+
"kind": "Content",
|
|
15343
|
+
"text": "export declare function display(displayValue: "
|
|
15344
|
+
},
|
|
15345
|
+
{
|
|
15346
|
+
"kind": "Reference",
|
|
15347
|
+
"text": "CSSDisplayPropertyValue",
|
|
15348
|
+
"canonicalReference": "@fluentui/web-components!CSSDisplayPropertyValue:type"
|
|
15349
|
+
},
|
|
15350
|
+
{
|
|
15351
|
+
"kind": "Content",
|
|
15352
|
+
"text": "): "
|
|
15353
|
+
},
|
|
15354
|
+
{
|
|
15355
|
+
"kind": "Content",
|
|
15356
|
+
"text": "string"
|
|
15357
|
+
},
|
|
15358
|
+
{
|
|
15359
|
+
"kind": "Content",
|
|
15360
|
+
"text": ";"
|
|
15361
|
+
}
|
|
15362
|
+
],
|
|
15363
|
+
"returnTypeTokenRange": {
|
|
15364
|
+
"startIndex": 3,
|
|
15365
|
+
"endIndex": 4
|
|
15366
|
+
},
|
|
15367
|
+
"releaseTag": "Public",
|
|
15368
|
+
"overloadIndex": 1,
|
|
15369
|
+
"parameters": [
|
|
15370
|
+
{
|
|
15371
|
+
"parameterName": "displayValue",
|
|
15372
|
+
"parameterTypeTokenRange": {
|
|
15373
|
+
"startIndex": 1,
|
|
15374
|
+
"endIndex": 2
|
|
15375
|
+
},
|
|
15376
|
+
"isOptional": false
|
|
15377
|
+
}
|
|
15378
|
+
],
|
|
15379
|
+
"name": "display"
|
|
15380
|
+
},
|
|
15275
15381
|
{
|
|
15276
15382
|
"kind": "Class",
|
|
15277
15383
|
"canonicalReference": "@fluentui/web-components!Divider:class",
|
|
@@ -16458,6 +16564,104 @@
|
|
|
16458
16564
|
"endIndex": 0
|
|
16459
16565
|
}
|
|
16460
16566
|
},
|
|
16567
|
+
{
|
|
16568
|
+
"kind": "Variable",
|
|
16569
|
+
"canonicalReference": "@fluentui/web-components!forcedColorsStylesheetBehavior:var",
|
|
16570
|
+
"docComment": "/**\n * This can be used to construct a behavior to apply a forced-colors only stylesheet.\n *\n * @public\n */\n",
|
|
16571
|
+
"excerptTokens": [
|
|
16572
|
+
{
|
|
16573
|
+
"kind": "Content",
|
|
16574
|
+
"text": "forcedColorsStylesheetBehavior: "
|
|
16575
|
+
},
|
|
16576
|
+
{
|
|
16577
|
+
"kind": "Content",
|
|
16578
|
+
"text": "(styles: "
|
|
16579
|
+
},
|
|
16580
|
+
{
|
|
16581
|
+
"kind": "Reference",
|
|
16582
|
+
"text": "ElementStyles",
|
|
16583
|
+
"canonicalReference": "@microsoft/fast-element!ElementStyles:class"
|
|
16584
|
+
},
|
|
16585
|
+
{
|
|
16586
|
+
"kind": "Content",
|
|
16587
|
+
"text": ") => "
|
|
16588
|
+
},
|
|
16589
|
+
{
|
|
16590
|
+
"kind": "Reference",
|
|
16591
|
+
"text": "MatchMediaStyleSheetBehavior",
|
|
16592
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class"
|
|
16593
|
+
}
|
|
16594
|
+
],
|
|
16595
|
+
"isReadonly": true,
|
|
16596
|
+
"releaseTag": "Public",
|
|
16597
|
+
"name": "forcedColorsStylesheetBehavior",
|
|
16598
|
+
"variableTypeTokenRange": {
|
|
16599
|
+
"startIndex": 1,
|
|
16600
|
+
"endIndex": 5
|
|
16601
|
+
}
|
|
16602
|
+
},
|
|
16603
|
+
{
|
|
16604
|
+
"kind": "Variable",
|
|
16605
|
+
"canonicalReference": "@fluentui/web-components!getDirection:var",
|
|
16606
|
+
"docComment": "/**\n * Determines the current localization direction of an element.\n *\n * @param rootNode - the HTMLElement to begin the query from, usually \"this\" when used in a component controller\n *\n * @returns the localization direction of the element\n *\n * @public\n */\n",
|
|
16607
|
+
"excerptTokens": [
|
|
16608
|
+
{
|
|
16609
|
+
"kind": "Content",
|
|
16610
|
+
"text": "getDirection: "
|
|
16611
|
+
},
|
|
16612
|
+
{
|
|
16613
|
+
"kind": "Content",
|
|
16614
|
+
"text": "(rootNode: "
|
|
16615
|
+
},
|
|
16616
|
+
{
|
|
16617
|
+
"kind": "Reference",
|
|
16618
|
+
"text": "HTMLElement",
|
|
16619
|
+
"canonicalReference": "!HTMLElement:interface"
|
|
16620
|
+
},
|
|
16621
|
+
{
|
|
16622
|
+
"kind": "Content",
|
|
16623
|
+
"text": ") => "
|
|
16624
|
+
},
|
|
16625
|
+
{
|
|
16626
|
+
"kind": "Reference",
|
|
16627
|
+
"text": "Direction",
|
|
16628
|
+
"canonicalReference": "@microsoft/fast-web-utilities!Direction:enum"
|
|
16629
|
+
}
|
|
16630
|
+
],
|
|
16631
|
+
"isReadonly": true,
|
|
16632
|
+
"releaseTag": "Public",
|
|
16633
|
+
"name": "getDirection",
|
|
16634
|
+
"variableTypeTokenRange": {
|
|
16635
|
+
"startIndex": 1,
|
|
16636
|
+
"endIndex": 5
|
|
16637
|
+
}
|
|
16638
|
+
},
|
|
16639
|
+
{
|
|
16640
|
+
"kind": "Variable",
|
|
16641
|
+
"canonicalReference": "@fluentui/web-components!hidden:var",
|
|
16642
|
+
"docComment": "/**\n * A CSS fragment to set `display: none;` when the host is hidden using the [hidden] attribute.\n *\n * @public\n */\n",
|
|
16643
|
+
"excerptTokens": [
|
|
16644
|
+
{
|
|
16645
|
+
"kind": "Content",
|
|
16646
|
+
"text": "hidden = "
|
|
16647
|
+
},
|
|
16648
|
+
{
|
|
16649
|
+
"kind": "Content",
|
|
16650
|
+
"text": "\":host([hidden]){display:none}\""
|
|
16651
|
+
}
|
|
16652
|
+
],
|
|
16653
|
+
"initializerTokenRange": {
|
|
16654
|
+
"startIndex": 1,
|
|
16655
|
+
"endIndex": 2
|
|
16656
|
+
},
|
|
16657
|
+
"isReadonly": true,
|
|
16658
|
+
"releaseTag": "Public",
|
|
16659
|
+
"name": "hidden",
|
|
16660
|
+
"variableTypeTokenRange": {
|
|
16661
|
+
"startIndex": 0,
|
|
16662
|
+
"endIndex": 0
|
|
16663
|
+
}
|
|
16664
|
+
},
|
|
16461
16665
|
{
|
|
16462
16666
|
"kind": "Class",
|
|
16463
16667
|
"canonicalReference": "@fluentui/web-components!Image_2:class",
|
|
@@ -17111,6 +17315,42 @@
|
|
|
17111
17315
|
"endIndex": 5
|
|
17112
17316
|
}
|
|
17113
17317
|
},
|
|
17318
|
+
{
|
|
17319
|
+
"kind": "Variable",
|
|
17320
|
+
"canonicalReference": "@fluentui/web-components!lightModeStylesheetBehavior:var",
|
|
17321
|
+
"docComment": "/**\n * This can be used to construct a behavior to apply a prefers color scheme: light only stylesheet.\n *\n * @public\n */\n",
|
|
17322
|
+
"excerptTokens": [
|
|
17323
|
+
{
|
|
17324
|
+
"kind": "Content",
|
|
17325
|
+
"text": "lightModeStylesheetBehavior: "
|
|
17326
|
+
},
|
|
17327
|
+
{
|
|
17328
|
+
"kind": "Content",
|
|
17329
|
+
"text": "(styles: "
|
|
17330
|
+
},
|
|
17331
|
+
{
|
|
17332
|
+
"kind": "Reference",
|
|
17333
|
+
"text": "ElementStyles",
|
|
17334
|
+
"canonicalReference": "@microsoft/fast-element!ElementStyles:class"
|
|
17335
|
+
},
|
|
17336
|
+
{
|
|
17337
|
+
"kind": "Content",
|
|
17338
|
+
"text": ") => "
|
|
17339
|
+
},
|
|
17340
|
+
{
|
|
17341
|
+
"kind": "Reference",
|
|
17342
|
+
"text": "MatchMediaStyleSheetBehavior",
|
|
17343
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class"
|
|
17344
|
+
}
|
|
17345
|
+
],
|
|
17346
|
+
"isReadonly": true,
|
|
17347
|
+
"releaseTag": "Public",
|
|
17348
|
+
"name": "lightModeStylesheetBehavior",
|
|
17349
|
+
"variableTypeTokenRange": {
|
|
17350
|
+
"startIndex": 1,
|
|
17351
|
+
"endIndex": 5
|
|
17352
|
+
}
|
|
17353
|
+
},
|
|
17114
17354
|
{
|
|
17115
17355
|
"kind": "Variable",
|
|
17116
17356
|
"canonicalReference": "@fluentui/web-components!lineHeightBase100:var",
|
|
@@ -17371,6 +17611,539 @@
|
|
|
17371
17611
|
"endIndex": 0
|
|
17372
17612
|
}
|
|
17373
17613
|
},
|
|
17614
|
+
{
|
|
17615
|
+
"kind": "Class",
|
|
17616
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaBehavior:class",
|
|
17617
|
+
"docComment": "/**\n * An abstract behavior to react to media queries. Implementations should implement the `constructListener` method to perform some action based on media query changes.\n *\n * @public\n */\n",
|
|
17618
|
+
"excerptTokens": [
|
|
17619
|
+
{
|
|
17620
|
+
"kind": "Content",
|
|
17621
|
+
"text": "export declare abstract class MatchMediaBehavior implements "
|
|
17622
|
+
},
|
|
17623
|
+
{
|
|
17624
|
+
"kind": "Reference",
|
|
17625
|
+
"text": "HostBehavior",
|
|
17626
|
+
"canonicalReference": "@microsoft/fast-element!HostBehavior:interface"
|
|
17627
|
+
},
|
|
17628
|
+
{
|
|
17629
|
+
"kind": "Content",
|
|
17630
|
+
"text": " "
|
|
17631
|
+
}
|
|
17632
|
+
],
|
|
17633
|
+
"releaseTag": "Public",
|
|
17634
|
+
"name": "MatchMediaBehavior",
|
|
17635
|
+
"preserveMemberOrder": false,
|
|
17636
|
+
"members": [
|
|
17637
|
+
{
|
|
17638
|
+
"kind": "Constructor",
|
|
17639
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaBehavior:constructor(1)",
|
|
17640
|
+
"docComment": "/**\n * Constructs a new instance of the `MatchMediaBehavior` class\n *\n * @param query - The media query to operate from.\n */\n",
|
|
17641
|
+
"excerptTokens": [
|
|
17642
|
+
{
|
|
17643
|
+
"kind": "Content",
|
|
17644
|
+
"text": "constructor(query: "
|
|
17645
|
+
},
|
|
17646
|
+
{
|
|
17647
|
+
"kind": "Reference",
|
|
17648
|
+
"text": "MediaQueryList",
|
|
17649
|
+
"canonicalReference": "!MediaQueryList:interface"
|
|
17650
|
+
},
|
|
17651
|
+
{
|
|
17652
|
+
"kind": "Content",
|
|
17653
|
+
"text": ");"
|
|
17654
|
+
}
|
|
17655
|
+
],
|
|
17656
|
+
"releaseTag": "Public",
|
|
17657
|
+
"isProtected": false,
|
|
17658
|
+
"overloadIndex": 1,
|
|
17659
|
+
"parameters": [
|
|
17660
|
+
{
|
|
17661
|
+
"parameterName": "query",
|
|
17662
|
+
"parameterTypeTokenRange": {
|
|
17663
|
+
"startIndex": 1,
|
|
17664
|
+
"endIndex": 2
|
|
17665
|
+
},
|
|
17666
|
+
"isOptional": false
|
|
17667
|
+
}
|
|
17668
|
+
]
|
|
17669
|
+
},
|
|
17670
|
+
{
|
|
17671
|
+
"kind": "Method",
|
|
17672
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaBehavior#connectedCallback:member(1)",
|
|
17673
|
+
"docComment": "/**\n * Binds the behavior to the element.\n *\n * @param controller - The host controller orchestrating this behavior.\n */\n",
|
|
17674
|
+
"excerptTokens": [
|
|
17675
|
+
{
|
|
17676
|
+
"kind": "Content",
|
|
17677
|
+
"text": "connectedCallback(controller: "
|
|
17678
|
+
},
|
|
17679
|
+
{
|
|
17680
|
+
"kind": "Reference",
|
|
17681
|
+
"text": "HostController",
|
|
17682
|
+
"canonicalReference": "@microsoft/fast-element!HostController:interface"
|
|
17683
|
+
},
|
|
17684
|
+
{
|
|
17685
|
+
"kind": "Content",
|
|
17686
|
+
"text": "): "
|
|
17687
|
+
},
|
|
17688
|
+
{
|
|
17689
|
+
"kind": "Content",
|
|
17690
|
+
"text": "void"
|
|
17691
|
+
},
|
|
17692
|
+
{
|
|
17693
|
+
"kind": "Content",
|
|
17694
|
+
"text": ";"
|
|
17695
|
+
}
|
|
17696
|
+
],
|
|
17697
|
+
"isStatic": false,
|
|
17698
|
+
"returnTypeTokenRange": {
|
|
17699
|
+
"startIndex": 3,
|
|
17700
|
+
"endIndex": 4
|
|
17701
|
+
},
|
|
17702
|
+
"releaseTag": "Public",
|
|
17703
|
+
"isProtected": false,
|
|
17704
|
+
"overloadIndex": 1,
|
|
17705
|
+
"parameters": [
|
|
17706
|
+
{
|
|
17707
|
+
"parameterName": "controller",
|
|
17708
|
+
"parameterTypeTokenRange": {
|
|
17709
|
+
"startIndex": 1,
|
|
17710
|
+
"endIndex": 2
|
|
17711
|
+
},
|
|
17712
|
+
"isOptional": false
|
|
17713
|
+
}
|
|
17714
|
+
],
|
|
17715
|
+
"isOptional": false,
|
|
17716
|
+
"name": "connectedCallback"
|
|
17717
|
+
},
|
|
17718
|
+
{
|
|
17719
|
+
"kind": "Method",
|
|
17720
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaBehavior#constructListener:member(1)",
|
|
17721
|
+
"docComment": "/**\n * Constructs a function that will be invoked with the MediaQueryList context\n *\n * @param controller - The host controller orchestrating this behavior.\n */\n",
|
|
17722
|
+
"excerptTokens": [
|
|
17723
|
+
{
|
|
17724
|
+
"kind": "Content",
|
|
17725
|
+
"text": "protected abstract constructListener(controller: "
|
|
17726
|
+
},
|
|
17727
|
+
{
|
|
17728
|
+
"kind": "Reference",
|
|
17729
|
+
"text": "HostController",
|
|
17730
|
+
"canonicalReference": "@microsoft/fast-element!HostController:interface"
|
|
17731
|
+
},
|
|
17732
|
+
{
|
|
17733
|
+
"kind": "Content",
|
|
17734
|
+
"text": "): "
|
|
17735
|
+
},
|
|
17736
|
+
{
|
|
17737
|
+
"kind": "Reference",
|
|
17738
|
+
"text": "MediaQueryListListener",
|
|
17739
|
+
"canonicalReference": "@fluentui/web-components!MediaQueryListListener:type"
|
|
17740
|
+
},
|
|
17741
|
+
{
|
|
17742
|
+
"kind": "Content",
|
|
17743
|
+
"text": ";"
|
|
17744
|
+
}
|
|
17745
|
+
],
|
|
17746
|
+
"isStatic": false,
|
|
17747
|
+
"returnTypeTokenRange": {
|
|
17748
|
+
"startIndex": 3,
|
|
17749
|
+
"endIndex": 4
|
|
17750
|
+
},
|
|
17751
|
+
"releaseTag": "Public",
|
|
17752
|
+
"isProtected": true,
|
|
17753
|
+
"overloadIndex": 1,
|
|
17754
|
+
"parameters": [
|
|
17755
|
+
{
|
|
17756
|
+
"parameterName": "controller",
|
|
17757
|
+
"parameterTypeTokenRange": {
|
|
17758
|
+
"startIndex": 1,
|
|
17759
|
+
"endIndex": 2
|
|
17760
|
+
},
|
|
17761
|
+
"isOptional": false
|
|
17762
|
+
}
|
|
17763
|
+
],
|
|
17764
|
+
"isOptional": false,
|
|
17765
|
+
"name": "constructListener"
|
|
17766
|
+
},
|
|
17767
|
+
{
|
|
17768
|
+
"kind": "Method",
|
|
17769
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaBehavior#disconnectedCallback:member(1)",
|
|
17770
|
+
"docComment": "/**\n * Unbinds the behavior from the element.\n *\n * @param controller - The host controller orchestrating this behavior.\n */\n",
|
|
17771
|
+
"excerptTokens": [
|
|
17772
|
+
{
|
|
17773
|
+
"kind": "Content",
|
|
17774
|
+
"text": "disconnectedCallback(controller: "
|
|
17775
|
+
},
|
|
17776
|
+
{
|
|
17777
|
+
"kind": "Reference",
|
|
17778
|
+
"text": "HostController",
|
|
17779
|
+
"canonicalReference": "@microsoft/fast-element!HostController:interface"
|
|
17780
|
+
},
|
|
17781
|
+
{
|
|
17782
|
+
"kind": "Content",
|
|
17783
|
+
"text": "): "
|
|
17784
|
+
},
|
|
17785
|
+
{
|
|
17786
|
+
"kind": "Content",
|
|
17787
|
+
"text": "void"
|
|
17788
|
+
},
|
|
17789
|
+
{
|
|
17790
|
+
"kind": "Content",
|
|
17791
|
+
"text": ";"
|
|
17792
|
+
}
|
|
17793
|
+
],
|
|
17794
|
+
"isStatic": false,
|
|
17795
|
+
"returnTypeTokenRange": {
|
|
17796
|
+
"startIndex": 3,
|
|
17797
|
+
"endIndex": 4
|
|
17798
|
+
},
|
|
17799
|
+
"releaseTag": "Public",
|
|
17800
|
+
"isProtected": false,
|
|
17801
|
+
"overloadIndex": 1,
|
|
17802
|
+
"parameters": [
|
|
17803
|
+
{
|
|
17804
|
+
"parameterName": "controller",
|
|
17805
|
+
"parameterTypeTokenRange": {
|
|
17806
|
+
"startIndex": 1,
|
|
17807
|
+
"endIndex": 2
|
|
17808
|
+
},
|
|
17809
|
+
"isOptional": false
|
|
17810
|
+
}
|
|
17811
|
+
],
|
|
17812
|
+
"isOptional": false,
|
|
17813
|
+
"name": "disconnectedCallback"
|
|
17814
|
+
},
|
|
17815
|
+
{
|
|
17816
|
+
"kind": "Property",
|
|
17817
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaBehavior#query:member",
|
|
17818
|
+
"docComment": "/**\n * The media query that the behavior operates on.\n */\n",
|
|
17819
|
+
"excerptTokens": [
|
|
17820
|
+
{
|
|
17821
|
+
"kind": "Content",
|
|
17822
|
+
"text": "readonly query: "
|
|
17823
|
+
},
|
|
17824
|
+
{
|
|
17825
|
+
"kind": "Reference",
|
|
17826
|
+
"text": "MediaQueryList",
|
|
17827
|
+
"canonicalReference": "!MediaQueryList:interface"
|
|
17828
|
+
},
|
|
17829
|
+
{
|
|
17830
|
+
"kind": "Content",
|
|
17831
|
+
"text": ";"
|
|
17832
|
+
}
|
|
17833
|
+
],
|
|
17834
|
+
"isReadonly": true,
|
|
17835
|
+
"isOptional": false,
|
|
17836
|
+
"releaseTag": "Public",
|
|
17837
|
+
"name": "query",
|
|
17838
|
+
"propertyTypeTokenRange": {
|
|
17839
|
+
"startIndex": 1,
|
|
17840
|
+
"endIndex": 2
|
|
17841
|
+
},
|
|
17842
|
+
"isStatic": false,
|
|
17843
|
+
"isProtected": false
|
|
17844
|
+
}
|
|
17845
|
+
],
|
|
17846
|
+
"implementsTokenRanges": [
|
|
17847
|
+
{
|
|
17848
|
+
"startIndex": 1,
|
|
17849
|
+
"endIndex": 2
|
|
17850
|
+
}
|
|
17851
|
+
]
|
|
17852
|
+
},
|
|
17853
|
+
{
|
|
17854
|
+
"kind": "Class",
|
|
17855
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class",
|
|
17856
|
+
"docComment": "/**\n * A behavior to add or remove a stylesheet from an element based on a media query. The behavior ensures that styles are applied while the a query matches the environment and that styles are not applied if the query does not match the environment.\n *\n * @public\n */\n",
|
|
17857
|
+
"excerptTokens": [
|
|
17858
|
+
{
|
|
17859
|
+
"kind": "Content",
|
|
17860
|
+
"text": "export declare class MatchMediaStyleSheetBehavior extends "
|
|
17861
|
+
},
|
|
17862
|
+
{
|
|
17863
|
+
"kind": "Reference",
|
|
17864
|
+
"text": "MatchMediaBehavior",
|
|
17865
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaBehavior:class"
|
|
17866
|
+
},
|
|
17867
|
+
{
|
|
17868
|
+
"kind": "Content",
|
|
17869
|
+
"text": " "
|
|
17870
|
+
}
|
|
17871
|
+
],
|
|
17872
|
+
"releaseTag": "Public",
|
|
17873
|
+
"name": "MatchMediaStyleSheetBehavior",
|
|
17874
|
+
"preserveMemberOrder": false,
|
|
17875
|
+
"members": [
|
|
17876
|
+
{
|
|
17877
|
+
"kind": "Constructor",
|
|
17878
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:constructor(1)",
|
|
17879
|
+
"docComment": "/**\n * Constructs a {@link MatchMediaStyleSheetBehavior} instance.\n *\n * @param query - The media query to operate from.\n *\n * @param styles - The styles to coordinate with the query.\n */\n",
|
|
17880
|
+
"excerptTokens": [
|
|
17881
|
+
{
|
|
17882
|
+
"kind": "Content",
|
|
17883
|
+
"text": "constructor(query: "
|
|
17884
|
+
},
|
|
17885
|
+
{
|
|
17886
|
+
"kind": "Reference",
|
|
17887
|
+
"text": "MediaQueryList",
|
|
17888
|
+
"canonicalReference": "!MediaQueryList:interface"
|
|
17889
|
+
},
|
|
17890
|
+
{
|
|
17891
|
+
"kind": "Content",
|
|
17892
|
+
"text": ", styles: "
|
|
17893
|
+
},
|
|
17894
|
+
{
|
|
17895
|
+
"kind": "Reference",
|
|
17896
|
+
"text": "ElementStyles",
|
|
17897
|
+
"canonicalReference": "@microsoft/fast-element!ElementStyles:class"
|
|
17898
|
+
},
|
|
17899
|
+
{
|
|
17900
|
+
"kind": "Content",
|
|
17901
|
+
"text": ");"
|
|
17902
|
+
}
|
|
17903
|
+
],
|
|
17904
|
+
"releaseTag": "Public",
|
|
17905
|
+
"isProtected": false,
|
|
17906
|
+
"overloadIndex": 1,
|
|
17907
|
+
"parameters": [
|
|
17908
|
+
{
|
|
17909
|
+
"parameterName": "query",
|
|
17910
|
+
"parameterTypeTokenRange": {
|
|
17911
|
+
"startIndex": 1,
|
|
17912
|
+
"endIndex": 2
|
|
17913
|
+
},
|
|
17914
|
+
"isOptional": false
|
|
17915
|
+
},
|
|
17916
|
+
{
|
|
17917
|
+
"parameterName": "styles",
|
|
17918
|
+
"parameterTypeTokenRange": {
|
|
17919
|
+
"startIndex": 3,
|
|
17920
|
+
"endIndex": 4
|
|
17921
|
+
},
|
|
17922
|
+
"isOptional": false
|
|
17923
|
+
}
|
|
17924
|
+
]
|
|
17925
|
+
},
|
|
17926
|
+
{
|
|
17927
|
+
"kind": "Method",
|
|
17928
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior#constructListener:member(1)",
|
|
17929
|
+
"docComment": "/**\n * Constructs a match-media listener for a provided element.\n *\n * @param source - the element for which to attach or detach styles.\n */\n",
|
|
17930
|
+
"excerptTokens": [
|
|
17931
|
+
{
|
|
17932
|
+
"kind": "Content",
|
|
17933
|
+
"text": "protected constructListener(controller: "
|
|
17934
|
+
},
|
|
17935
|
+
{
|
|
17936
|
+
"kind": "Reference",
|
|
17937
|
+
"text": "HostController",
|
|
17938
|
+
"canonicalReference": "@microsoft/fast-element!HostController:interface"
|
|
17939
|
+
},
|
|
17940
|
+
{
|
|
17941
|
+
"kind": "Content",
|
|
17942
|
+
"text": "): "
|
|
17943
|
+
},
|
|
17944
|
+
{
|
|
17945
|
+
"kind": "Reference",
|
|
17946
|
+
"text": "MediaQueryListListener",
|
|
17947
|
+
"canonicalReference": "@fluentui/web-components!MediaQueryListListener:type"
|
|
17948
|
+
},
|
|
17949
|
+
{
|
|
17950
|
+
"kind": "Content",
|
|
17951
|
+
"text": ";"
|
|
17952
|
+
}
|
|
17953
|
+
],
|
|
17954
|
+
"isStatic": false,
|
|
17955
|
+
"returnTypeTokenRange": {
|
|
17956
|
+
"startIndex": 3,
|
|
17957
|
+
"endIndex": 4
|
|
17958
|
+
},
|
|
17959
|
+
"releaseTag": "Public",
|
|
17960
|
+
"isProtected": true,
|
|
17961
|
+
"overloadIndex": 1,
|
|
17962
|
+
"parameters": [
|
|
17963
|
+
{
|
|
17964
|
+
"parameterName": "controller",
|
|
17965
|
+
"parameterTypeTokenRange": {
|
|
17966
|
+
"startIndex": 1,
|
|
17967
|
+
"endIndex": 2
|
|
17968
|
+
},
|
|
17969
|
+
"isOptional": false
|
|
17970
|
+
}
|
|
17971
|
+
],
|
|
17972
|
+
"isOptional": false,
|
|
17973
|
+
"name": "constructListener"
|
|
17974
|
+
},
|
|
17975
|
+
{
|
|
17976
|
+
"kind": "Property",
|
|
17977
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior#query:member",
|
|
17978
|
+
"docComment": "/**\n * The media query that the behavior operates on.\n */\n",
|
|
17979
|
+
"excerptTokens": [
|
|
17980
|
+
{
|
|
17981
|
+
"kind": "Content",
|
|
17982
|
+
"text": "readonly query: "
|
|
17983
|
+
},
|
|
17984
|
+
{
|
|
17985
|
+
"kind": "Reference",
|
|
17986
|
+
"text": "MediaQueryList",
|
|
17987
|
+
"canonicalReference": "!MediaQueryList:interface"
|
|
17988
|
+
},
|
|
17989
|
+
{
|
|
17990
|
+
"kind": "Content",
|
|
17991
|
+
"text": ";"
|
|
17992
|
+
}
|
|
17993
|
+
],
|
|
17994
|
+
"isReadonly": true,
|
|
17995
|
+
"isOptional": false,
|
|
17996
|
+
"releaseTag": "Public",
|
|
17997
|
+
"name": "query",
|
|
17998
|
+
"propertyTypeTokenRange": {
|
|
17999
|
+
"startIndex": 1,
|
|
18000
|
+
"endIndex": 2
|
|
18001
|
+
},
|
|
18002
|
+
"isStatic": false,
|
|
18003
|
+
"isProtected": false
|
|
18004
|
+
},
|
|
18005
|
+
{
|
|
18006
|
+
"kind": "Property",
|
|
18007
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior#styles:member",
|
|
18008
|
+
"docComment": "/**\n * The styles object to be managed by the behavior.\n */\n",
|
|
18009
|
+
"excerptTokens": [
|
|
18010
|
+
{
|
|
18011
|
+
"kind": "Content",
|
|
18012
|
+
"text": "readonly styles: "
|
|
18013
|
+
},
|
|
18014
|
+
{
|
|
18015
|
+
"kind": "Reference",
|
|
18016
|
+
"text": "ElementStyles",
|
|
18017
|
+
"canonicalReference": "@microsoft/fast-element!ElementStyles:class"
|
|
18018
|
+
},
|
|
18019
|
+
{
|
|
18020
|
+
"kind": "Content",
|
|
18021
|
+
"text": ";"
|
|
18022
|
+
}
|
|
18023
|
+
],
|
|
18024
|
+
"isReadonly": true,
|
|
18025
|
+
"isOptional": false,
|
|
18026
|
+
"releaseTag": "Public",
|
|
18027
|
+
"name": "styles",
|
|
18028
|
+
"propertyTypeTokenRange": {
|
|
18029
|
+
"startIndex": 1,
|
|
18030
|
+
"endIndex": 2
|
|
18031
|
+
},
|
|
18032
|
+
"isStatic": false,
|
|
18033
|
+
"isProtected": false
|
|
18034
|
+
},
|
|
18035
|
+
{
|
|
18036
|
+
"kind": "Method",
|
|
18037
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior.with:member(1)",
|
|
18038
|
+
"docComment": "/**\n * Defines a function to construct {@link MatchMediaStyleSheetBehavior | MatchMediaStyleSheetBehaviors} for a provided query.\n *\n * @param query - The media query to operate from.\n *\n * @example\n * ```ts\n * import { css } from \"@microsoft/fast-element\";\n * import { MatchMediaStyleSheetBehavior } from \"@fluentui/web-components\";\n *\n * const landscapeBehavior = MatchMediaStyleSheetBehavior.with(\n * window.matchMedia(\"(orientation: landscape)\")\n * );\n *\n * const styles = css`\n * :host {\n * width: 200px;\n * height: 400px;\n * }\n * `\n * .withBehaviors(landscapeBehavior(css`\n * :host {\n * width: 400px;\n * height: 200px;\n * }\n * `))\n * ```\n *\n * @public\n */\n",
|
|
18039
|
+
"excerptTokens": [
|
|
18040
|
+
{
|
|
18041
|
+
"kind": "Content",
|
|
18042
|
+
"text": "static with(query: "
|
|
18043
|
+
},
|
|
18044
|
+
{
|
|
18045
|
+
"kind": "Reference",
|
|
18046
|
+
"text": "MediaQueryList",
|
|
18047
|
+
"canonicalReference": "!MediaQueryList:interface"
|
|
18048
|
+
},
|
|
18049
|
+
{
|
|
18050
|
+
"kind": "Content",
|
|
18051
|
+
"text": "): "
|
|
18052
|
+
},
|
|
18053
|
+
{
|
|
18054
|
+
"kind": "Content",
|
|
18055
|
+
"text": "(styles: "
|
|
18056
|
+
},
|
|
18057
|
+
{
|
|
18058
|
+
"kind": "Reference",
|
|
18059
|
+
"text": "ElementStyles",
|
|
18060
|
+
"canonicalReference": "@microsoft/fast-element!ElementStyles:class"
|
|
18061
|
+
},
|
|
18062
|
+
{
|
|
18063
|
+
"kind": "Content",
|
|
18064
|
+
"text": ") => "
|
|
18065
|
+
},
|
|
18066
|
+
{
|
|
18067
|
+
"kind": "Reference",
|
|
18068
|
+
"text": "MatchMediaStyleSheetBehavior",
|
|
18069
|
+
"canonicalReference": "@fluentui/web-components!MatchMediaStyleSheetBehavior:class"
|
|
18070
|
+
},
|
|
18071
|
+
{
|
|
18072
|
+
"kind": "Content",
|
|
18073
|
+
"text": ";"
|
|
18074
|
+
}
|
|
18075
|
+
],
|
|
18076
|
+
"isStatic": true,
|
|
18077
|
+
"returnTypeTokenRange": {
|
|
18078
|
+
"startIndex": 3,
|
|
18079
|
+
"endIndex": 7
|
|
18080
|
+
},
|
|
18081
|
+
"releaseTag": "Public",
|
|
18082
|
+
"isProtected": false,
|
|
18083
|
+
"overloadIndex": 1,
|
|
18084
|
+
"parameters": [
|
|
18085
|
+
{
|
|
18086
|
+
"parameterName": "query",
|
|
18087
|
+
"parameterTypeTokenRange": {
|
|
18088
|
+
"startIndex": 1,
|
|
18089
|
+
"endIndex": 2
|
|
18090
|
+
},
|
|
18091
|
+
"isOptional": false
|
|
18092
|
+
}
|
|
18093
|
+
],
|
|
18094
|
+
"isOptional": false,
|
|
18095
|
+
"name": "with"
|
|
18096
|
+
}
|
|
18097
|
+
],
|
|
18098
|
+
"extendsTokenRange": {
|
|
18099
|
+
"startIndex": 1,
|
|
18100
|
+
"endIndex": 2
|
|
18101
|
+
},
|
|
18102
|
+
"implementsTokenRanges": []
|
|
18103
|
+
},
|
|
18104
|
+
{
|
|
18105
|
+
"kind": "TypeAlias",
|
|
18106
|
+
"canonicalReference": "@fluentui/web-components!MediaQueryListListener:type",
|
|
18107
|
+
"docComment": "/**\n * An event listener fired by a {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList | MediaQueryList}.\n *\n * @public\n */\n",
|
|
18108
|
+
"excerptTokens": [
|
|
18109
|
+
{
|
|
18110
|
+
"kind": "Content",
|
|
18111
|
+
"text": "export declare type MediaQueryListListener = "
|
|
18112
|
+
},
|
|
18113
|
+
{
|
|
18114
|
+
"kind": "Content",
|
|
18115
|
+
"text": "(this: "
|
|
18116
|
+
},
|
|
18117
|
+
{
|
|
18118
|
+
"kind": "Reference",
|
|
18119
|
+
"text": "MediaQueryList",
|
|
18120
|
+
"canonicalReference": "!MediaQueryList:interface"
|
|
18121
|
+
},
|
|
18122
|
+
{
|
|
18123
|
+
"kind": "Content",
|
|
18124
|
+
"text": ", ev?: "
|
|
18125
|
+
},
|
|
18126
|
+
{
|
|
18127
|
+
"kind": "Reference",
|
|
18128
|
+
"text": "MediaQueryListEvent",
|
|
18129
|
+
"canonicalReference": "!MediaQueryListEvent:interface"
|
|
18130
|
+
},
|
|
18131
|
+
{
|
|
18132
|
+
"kind": "Content",
|
|
18133
|
+
"text": ") => void"
|
|
18134
|
+
},
|
|
18135
|
+
{
|
|
18136
|
+
"kind": "Content",
|
|
18137
|
+
"text": ";"
|
|
18138
|
+
}
|
|
18139
|
+
],
|
|
18140
|
+
"releaseTag": "Public",
|
|
18141
|
+
"name": "MediaQueryListListener",
|
|
18142
|
+
"typeTokenRange": {
|
|
18143
|
+
"startIndex": 1,
|
|
18144
|
+
"endIndex": 6
|
|
18145
|
+
}
|
|
18146
|
+
},
|
|
17374
18147
|
{
|
|
17375
18148
|
"kind": "Class",
|
|
17376
18149
|
"canonicalReference": "@fluentui/web-components!Menu:class",
|