diff --git a/baselines/dom.generated.d.ts b/baselines/dom.generated.d.ts index fe1b002d5..d0a919d00 100644 --- a/baselines/dom.generated.d.ts +++ b/baselines/dom.generated.d.ts @@ -6350,7 +6350,11 @@ interface CSSStyleProperties extends CSSStyleDeclarationBase { */ backgroundSize: string; baselineShift: string; - /** The baseline-source CSS property defines which baseline to use when inline-level boxes have multiple possible baselines, such as multi-line inline blocks or inline flex containers. The values allow for choosing between aligning to the box's first baseline, last baseline, or letting the browser decide automatically based on the box type. */ + /** + * The baseline-source CSS property defines which baseline to use when inline-level boxes have multiple possible baselines, such as multi-line inline blocks or inline flex containers. The values allow for choosing between aligning to the box's first baseline, last baseline, or letting the browser decide automatically based on the box type. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/baseline-source) + */ baselineSource: string; /** * The block-size CSS property defines the size of an element's block along the block axis. If the writing-mode is horizontal, it corresponds to the height; if the writing mode is vertical, it corresponds to the width. A related property is inline-size, which defines the other dimension of the element. @@ -9623,8 +9627,23 @@ declare var CSSVariableReferenceValue: { new(variable: string, fallback?: CSSUnparsedValue | null): CSSVariableReferenceValue; }; +/** + * The **`CSSViewTransitionRule`** interface represents a CSS @view-transition at-rule. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSViewTransitionRule) + */ interface CSSViewTransitionRule extends CSSRule { + /** + * The **`navigation`** read-only property of the CSSViewTransitionRule interface returns the associated @view-transition at-rule's navigation descriptor value. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSViewTransitionRule/navigation) + */ readonly navigation: string; + /** + * The **`types`** read-only property of the CSSViewTransitionRule interface returns an array containing the associated @view-transition at-rule's types descriptor values. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSViewTransitionRule/types) + */ readonly types: ReadonlyArray; } @@ -36349,6 +36368,11 @@ interface ViewTransition { * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ViewTransition/ready) */ readonly ready: Promise; + /** + * The **`types`** read-only property of the ViewTransition interface is a ViewTransitionTypeSet that allows the types set on the view transition to be accessed and modified. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ViewTransition/types) + */ types: ViewTransitionTypeSet; /** * The **`updateCallbackDone`** read-only property of the ViewTransition interface is a Promise that fulfills when the promise returned by the document.startViewTransition() method's callback fulfills, or rejects when it rejects. @@ -36369,6 +36393,11 @@ declare var ViewTransition: { new(): ViewTransition; }; +/** + * The **`ViewTransitionTypeSet`** interface of the View Transition API is a set-like object representing the types of an active view transition. This enables the types to be queried or modified on-the-fly during a transition. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ViewTransitionTypeSet) + */ interface ViewTransitionTypeSet { forEach(callbackfn: (value: string, key: string, parent: ViewTransitionTypeSet) => void, thisArg?: any): void; } diff --git a/baselines/ts5.5/dom.generated.d.ts b/baselines/ts5.5/dom.generated.d.ts index c71d8360c..8d7db6e57 100644 --- a/baselines/ts5.5/dom.generated.d.ts +++ b/baselines/ts5.5/dom.generated.d.ts @@ -6340,7 +6340,11 @@ interface CSSStyleProperties extends CSSStyleDeclarationBase { */ backgroundSize: string; baselineShift: string; - /** The baseline-source CSS property defines which baseline to use when inline-level boxes have multiple possible baselines, such as multi-line inline blocks or inline flex containers. The values allow for choosing between aligning to the box's first baseline, last baseline, or letting the browser decide automatically based on the box type. */ + /** + * The baseline-source CSS property defines which baseline to use when inline-level boxes have multiple possible baselines, such as multi-line inline blocks or inline flex containers. The values allow for choosing between aligning to the box's first baseline, last baseline, or letting the browser decide automatically based on the box type. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/baseline-source) + */ baselineSource: string; /** * The block-size CSS property defines the size of an element's block along the block axis. If the writing-mode is horizontal, it corresponds to the height; if the writing mode is vertical, it corresponds to the width. A related property is inline-size, which defines the other dimension of the element. @@ -9612,8 +9616,23 @@ declare var CSSVariableReferenceValue: { new(variable: string, fallback?: CSSUnparsedValue | null): CSSVariableReferenceValue; }; +/** + * The **`CSSViewTransitionRule`** interface represents a CSS @view-transition at-rule. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSViewTransitionRule) + */ interface CSSViewTransitionRule extends CSSRule { + /** + * The **`navigation`** read-only property of the CSSViewTransitionRule interface returns the associated @view-transition at-rule's navigation descriptor value. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSViewTransitionRule/navigation) + */ readonly navigation: string; + /** + * The **`types`** read-only property of the CSSViewTransitionRule interface returns an array containing the associated @view-transition at-rule's types descriptor values. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSViewTransitionRule/types) + */ readonly types: ReadonlyArray; } @@ -36323,6 +36342,11 @@ interface ViewTransition { * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ViewTransition/ready) */ readonly ready: Promise; + /** + * The **`types`** read-only property of the ViewTransition interface is a ViewTransitionTypeSet that allows the types set on the view transition to be accessed and modified. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ViewTransition/types) + */ types: ViewTransitionTypeSet; /** * The **`updateCallbackDone`** read-only property of the ViewTransition interface is a Promise that fulfills when the promise returned by the document.startViewTransition() method's callback fulfills, or rejects when it rejects. @@ -36343,6 +36367,11 @@ declare var ViewTransition: { new(): ViewTransition; }; +/** + * The **`ViewTransitionTypeSet`** interface of the View Transition API is a set-like object representing the types of an active view transition. This enables the types to be queried or modified on-the-fly during a transition. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ViewTransitionTypeSet) + */ interface ViewTransitionTypeSet { forEach(callbackfn: (value: string, key: string, parent: ViewTransitionTypeSet) => void, thisArg?: any): void; } diff --git a/baselines/ts5.6/dom.generated.d.ts b/baselines/ts5.6/dom.generated.d.ts index 30e39cc9a..d5abed306 100644 --- a/baselines/ts5.6/dom.generated.d.ts +++ b/baselines/ts5.6/dom.generated.d.ts @@ -6347,7 +6347,11 @@ interface CSSStyleProperties extends CSSStyleDeclarationBase { */ backgroundSize: string; baselineShift: string; - /** The baseline-source CSS property defines which baseline to use when inline-level boxes have multiple possible baselines, such as multi-line inline blocks or inline flex containers. The values allow for choosing between aligning to the box's first baseline, last baseline, or letting the browser decide automatically based on the box type. */ + /** + * The baseline-source CSS property defines which baseline to use when inline-level boxes have multiple possible baselines, such as multi-line inline blocks or inline flex containers. The values allow for choosing between aligning to the box's first baseline, last baseline, or letting the browser decide automatically based on the box type. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/baseline-source) + */ baselineSource: string; /** * The block-size CSS property defines the size of an element's block along the block axis. If the writing-mode is horizontal, it corresponds to the height; if the writing mode is vertical, it corresponds to the width. A related property is inline-size, which defines the other dimension of the element. @@ -9620,8 +9624,23 @@ declare var CSSVariableReferenceValue: { new(variable: string, fallback?: CSSUnparsedValue | null): CSSVariableReferenceValue; }; +/** + * The **`CSSViewTransitionRule`** interface represents a CSS @view-transition at-rule. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSViewTransitionRule) + */ interface CSSViewTransitionRule extends CSSRule { + /** + * The **`navigation`** read-only property of the CSSViewTransitionRule interface returns the associated @view-transition at-rule's navigation descriptor value. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSViewTransitionRule/navigation) + */ readonly navigation: string; + /** + * The **`types`** read-only property of the CSSViewTransitionRule interface returns an array containing the associated @view-transition at-rule's types descriptor values. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSViewTransitionRule/types) + */ readonly types: ReadonlyArray; } @@ -36346,6 +36365,11 @@ interface ViewTransition { * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ViewTransition/ready) */ readonly ready: Promise; + /** + * The **`types`** read-only property of the ViewTransition interface is a ViewTransitionTypeSet that allows the types set on the view transition to be accessed and modified. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ViewTransition/types) + */ types: ViewTransitionTypeSet; /** * The **`updateCallbackDone`** read-only property of the ViewTransition interface is a Promise that fulfills when the promise returned by the document.startViewTransition() method's callback fulfills, or rejects when it rejects. @@ -36366,6 +36390,11 @@ declare var ViewTransition: { new(): ViewTransition; }; +/** + * The **`ViewTransitionTypeSet`** interface of the View Transition API is a set-like object representing the types of an active view transition. This enables the types to be queried or modified on-the-fly during a transition. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ViewTransitionTypeSet) + */ interface ViewTransitionTypeSet { forEach(callbackfn: (value: string, key: string, parent: ViewTransitionTypeSet) => void, thisArg?: any): void; } diff --git a/baselines/ts5.9/dom.generated.d.ts b/baselines/ts5.9/dom.generated.d.ts index a8b3bbb03..6cf345cdb 100644 --- a/baselines/ts5.9/dom.generated.d.ts +++ b/baselines/ts5.9/dom.generated.d.ts @@ -6347,7 +6347,11 @@ interface CSSStyleProperties extends CSSStyleDeclarationBase { */ backgroundSize: string; baselineShift: string; - /** The baseline-source CSS property defines which baseline to use when inline-level boxes have multiple possible baselines, such as multi-line inline blocks or inline flex containers. The values allow for choosing between aligning to the box's first baseline, last baseline, or letting the browser decide automatically based on the box type. */ + /** + * The baseline-source CSS property defines which baseline to use when inline-level boxes have multiple possible baselines, such as multi-line inline blocks or inline flex containers. The values allow for choosing between aligning to the box's first baseline, last baseline, or letting the browser decide automatically based on the box type. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/baseline-source) + */ baselineSource: string; /** * The block-size CSS property defines the size of an element's block along the block axis. If the writing-mode is horizontal, it corresponds to the height; if the writing mode is vertical, it corresponds to the width. A related property is inline-size, which defines the other dimension of the element. @@ -9620,8 +9624,23 @@ declare var CSSVariableReferenceValue: { new(variable: string, fallback?: CSSUnparsedValue | null): CSSVariableReferenceValue; }; +/** + * The **`CSSViewTransitionRule`** interface represents a CSS @view-transition at-rule. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSViewTransitionRule) + */ interface CSSViewTransitionRule extends CSSRule { + /** + * The **`navigation`** read-only property of the CSSViewTransitionRule interface returns the associated @view-transition at-rule's navigation descriptor value. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSViewTransitionRule/navigation) + */ readonly navigation: string; + /** + * The **`types`** read-only property of the CSSViewTransitionRule interface returns an array containing the associated @view-transition at-rule's types descriptor values. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSViewTransitionRule/types) + */ readonly types: ReadonlyArray; } @@ -36346,6 +36365,11 @@ interface ViewTransition { * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ViewTransition/ready) */ readonly ready: Promise; + /** + * The **`types`** read-only property of the ViewTransition interface is a ViewTransitionTypeSet that allows the types set on the view transition to be accessed and modified. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ViewTransition/types) + */ types: ViewTransitionTypeSet; /** * The **`updateCallbackDone`** read-only property of the ViewTransition interface is a Promise that fulfills when the promise returned by the document.startViewTransition() method's callback fulfills, or rejects when it rejects. @@ -36366,6 +36390,11 @@ declare var ViewTransition: { new(): ViewTransition; }; +/** + * The **`ViewTransitionTypeSet`** interface of the View Transition API is a set-like object representing the types of an active view transition. This enables the types to be queried or modified on-the-fly during a transition. + * + * [MDN Reference](https://developer.mozilla.org/docs/Web/API/ViewTransitionTypeSet) + */ interface ViewTransitionTypeSet { forEach(callbackfn: (value: string, key: string, parent: ViewTransitionTypeSet) => void, thisArg?: any): void; } diff --git a/inputfiles/mdn.json b/inputfiles/mdn.json index 70a25122b..e549d0840 100644 --- a/inputfiles/mdn.json +++ b/inputfiles/mdn.json @@ -5149,6 +5149,21 @@ "pageType": "web-api-instance-property", "summary": "The variable property of the\nCSSVariableReferenceValue interface returns the custom property name of the\nCSSVariableReferenceValue." }, + { + "mdn_url": "/en-US/docs/Web/API/CSSViewTransitionRule", + "pageType": "web-api-interface", + "summary": "The CSSViewTransitionRule interface represents a CSS @view-transition at-rule." + }, + { + "mdn_url": "/en-US/docs/Web/API/CSSViewTransitionRule/navigation", + "pageType": "web-api-instance-property", + "summary": "The navigation read-only property of the CSSViewTransitionRule interface returns the associated @view-transition at-rule's navigation descriptor value." + }, + { + "mdn_url": "/en-US/docs/Web/API/CSSViewTransitionRule/types", + "pageType": "web-api-instance-property", + "summary": "The types read-only property of the CSSViewTransitionRule interface returns an array containing the associated @view-transition at-rule's types descriptor values." + }, { "mdn_url": "/en-US/docs/Web/API/CustomElementRegistry", "pageType": "web-api-interface", @@ -33589,6 +33604,11 @@ "pageType": "guide", "summary": "This article explains the theory behind how the View Transition API works, how to create view transitions and customize the transition animations, and how to manipulate active view transitions. This covers view transitions for both DOM state updates in a single-page app (SPA), and navigating between documents in a multi-page app (MPA)." }, + { + "mdn_url": "/en-US/docs/Web/API/View_Transition_API/Using_types", + "pageType": "guide", + "summary": "View transition types provide a mechanism by which different types can be specified for active view transitions. CSS can then be used to apply different animations to DOM elements when their content updates, depending on the transition type specified. For example, you might want to apply different animations to an element in an image gallery app as the displayed image changes depending on whether you are moving forward or backward in the sequence, deleting an image, or adding an image into the sequence." + }, { "mdn_url": "/en-US/docs/Web/API/Viewport", "pageType": "web-api-interface", @@ -33654,11 +33674,21 @@ "pageType": "web-api-instance-method", "summary": "The skipTransition() method of the\nViewTransition interface skips the animation part of the view transition, but doesn't skip running the associated view update." }, + { + "mdn_url": "/en-US/docs/Web/API/ViewTransition/types", + "pageType": "web-api-instance-property", + "summary": "The types read-only property of the\nViewTransition interface is a ViewTransitionTypeSet that allows the types set on the view transition to be accessed and modified." + }, { "mdn_url": "/en-US/docs/Web/API/ViewTransition/updateCallbackDone", "pageType": "web-api-instance-property", "summary": "The updateCallbackDone read-only property of the\nViewTransition interface is a Promise that fulfills when the promise returned by the document.startViewTransition() method's callback fulfills, or rejects when it rejects." }, + { + "mdn_url": "/en-US/docs/Web/API/ViewTransitionTypeSet", + "pageType": "web-api-interface", + "summary": "The ViewTransitionTypeSet interface of the View Transition API is a set-like object representing the types of an active view transition. This enables the types to be queried or modified on-the-fly during a transition." + }, { "mdn_url": "/en-US/docs/Web/API/VirtualKeyboard", "pageType": "web-api-interface", @@ -39482,12 +39512,12 @@ { "mdn_url": "/en-US/docs/Web/CSS/Reference/Properties/animation-timeline/scroll", "pageType": "css-function", - "summary": "The scroll() CSS function can be used to define the scroller and axis of an anonymous scroll progress timeline." + "summary": "The scroll() CSS function can be used with the animation-timeline property to create an anonymous scroll progress timeline, defining the scroller and axis of the timeline." }, { "mdn_url": "/en-US/docs/Web/CSS/Reference/Properties/animation-timeline/view", "pageType": "css-function", - "summary": "The view() CSS function can be used with animation-timeline to indicate a subject element that will provide an anonymous view progress timeline to animate. The view progress timeline is progressed through by a change in visibility of the subject element inside the nearest ancestor scroller. The visibility of the subject inside the scroller is tracked — by default, the timeline is at 0% when the subject is first visible at one edge of the scroller, and 100% when it reaches the opposite edge." + "summary": "The view() CSS function is used with the animation-timeline property to create an anonymous view progress timeline based on when an element comes into view inside its nearest scroll container. You can adjust the tracking axis and the optional insets to control when the element is considered \"in view\"." }, { "mdn_url": "/en-US/docs/Web/CSS/Reference/Properties/animation-timing-function", diff --git a/package-lock.json b/package-lock.json index 28cc393cc..7714b3c80 100644 --- a/package-lock.json +++ b/package-lock.json @@ -428,9 +428,9 @@ } }, "node_modules/@mdn/browser-compat-data": { - "version": "7.1.24", - "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-7.1.24.tgz", - "integrity": "sha512-OwgmkZIruyaozidRQ2zbIUeZ0HVdGMG5tSw0kMsB8zosJO6hHR/V9Uw5Jm0RPpF/6JHCO80RTWJJK7d7rClzcw==", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-7.2.0.tgz", + "integrity": "sha512-Ga7BwL1yClj6LVMTlzNL+3sxyDe7jefOJyBABwc0/4iWZ2BsLpNonDEI5NAvtowAACvwYq2Ge9Ty0LF9yGYLiw==", "dev": true, "license": "CC0-1.0", "peer": true