@material/drawer - npm Package Compare versions

Comparing version 15.0.0-canary.085f9b25c.0 to 15.0.0-canary.0c52adeab.0

CHANGELOG.md

		@@ -6,4 +6,4 @@ # Change Log

		# [15.0.0-canary.085f9b25c.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.085f9b25c.0) (2022-07-14)
		# [15.0.0-canary.0c52adeab.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.0c52adeab.0) (2023-07-05)

		Note: Version bump only for package @material/drawer

component.d.ts

		@@ -32,3 +32,3 @@ /**
		export declare class MDCDrawer extends MDCComponent<MDCDismissibleDrawerFoundation> {
		static attachTo(root: Element): MDCDrawer;
		static attachTo(root: HTMLElement): MDCDrawer;
		/**
		@@ -35,0 +35,0 @@ * @return boolean Proxies to the foundation's `open`/`close` methods.

component.js

		@@ -91,6 +91,7 @@ /**
		this.handleScrimClick = function () {
		return _this.foundation.handleScrimClick();
		_this.foundation.handleScrimClick();
		};
		this.scrim.addEventListener('click', this.handleScrimClick);
		this.focusTrap = util.createFocusTrapInstance(this.root, this.focusTrapFactory);
		this.focusTrap =
		util.createFocusTrapInstance(this.root, this.focusTrapFactory);
		}
		@@ -97,0 +98,0 @@ this.handleKeydown = function (evt) {

dismissible/foundation.d.ts

		@@ -25,2 +25,3 @@ /**
		import { MDCDrawerAdapter } from '../adapter';
		/** MDC Dismissible Drawer Foundation */
		export declare class MDCDismissibleDrawerFoundation extends MDCFoundation<MDCDrawerAdapter> {
		@@ -89,3 +90,4 @@ static get strings(): {
		/**
		* Runs the given logic on the next animation frame, using setTimeout to factor in Firefox reflow behavior.
		* Runs the given logic on the next animation frame, using setTimeout to
		* factor in Firefox reflow behavior.
		*/
		@@ -92,0 +94,0 @@ private runNextAnimationFrame;

dismissible/foundation.js

		@@ -26,2 +26,3 @@ /**
		import { cssClasses, strings } from '../constants';
		/** MDC Dismissible Drawer Foundation */
		var MDCDismissibleDrawerFoundation = /** @class */ (function (_super) {
		@@ -88,3 +89,4 @@ __extends(MDCDismissibleDrawerFoundation, _super);
		this.adapter.addClass(cssClasses.ANIMATE);
		// Wait a frame once display is no longer "none", to establish basis for animation
		// Wait a frame once display is no longer "none", to establish basis for
		// animation
		this.runNextAnimationFrame(function () {
		@@ -141,3 +143,4 @@ _this.adapter.addClass(cssClasses.OPENING);
		var OPENING = cssClasses.OPENING, CLOSING = cssClasses.CLOSING, OPEN = cssClasses.OPEN, ANIMATE = cssClasses.ANIMATE, ROOT = cssClasses.ROOT;
		// In Edge, transitionend on ripple pseudo-elements yields a target without classList, so check for Element first.
		// In Edge, transitionend on ripple pseudo-elements yields a target without
		// classList, so check for Element first.
		var isRootElement = this.isElement(evt.target) &&
		@@ -172,3 +175,4 @@ this.adapter.elementHasClass(evt.target, ROOT);
		/**
		* Runs the given logic on the next animation frame, using setTimeout to factor in Firefox reflow behavior.
		* Runs the given logic on the next animation frame, using setTimeout to
		* factor in Firefox reflow behavior.
		*/
		@@ -185,3 +189,4 @@ MDCDismissibleDrawerFoundation.prototype.runNextAnimationFrame = function (callback) {
		MDCDismissibleDrawerFoundation.prototype.isElement = function (element) {
		// In Edge, transitionend on ripple pseudo-elements yields a target without classList.
		// In Edge, transitionend on ripple pseudo-elements yields a target without
		// classList.
		return Boolean(element.classList);
		@@ -188,0 +193,0 @@ };

package.json

		{
		"name": "@material/drawer",
		"version": "15.0.0-canary.085f9b25c.0",
		"version": "15.0.0-canary.0c52adeab.0",
		"description": "The Material Components Web drawer component",
		@@ -21,16 +21,16 @@ "license": "MIT",
		"dependencies": {
		"@material/animation": "15.0.0-canary.085f9b25c.0",
		"@material/base": "15.0.0-canary.085f9b25c.0",
		"@material/dom": "15.0.0-canary.085f9b25c.0",
		"@material/elevation": "15.0.0-canary.085f9b25c.0",
		"@material/feature-targeting": "15.0.0-canary.085f9b25c.0",
		"@material/list": "15.0.0-canary.085f9b25c.0",
		"@material/ripple": "15.0.0-canary.085f9b25c.0",
		"@material/rtl": "15.0.0-canary.085f9b25c.0",
		"@material/shape": "15.0.0-canary.085f9b25c.0",
		"@material/theme": "15.0.0-canary.085f9b25c.0",
		"@material/typography": "15.0.0-canary.085f9b25c.0",
		"@material/animation": "15.0.0-canary.0c52adeab.0",
		"@material/base": "15.0.0-canary.0c52adeab.0",
		"@material/dom": "15.0.0-canary.0c52adeab.0",
		"@material/elevation": "15.0.0-canary.0c52adeab.0",
		"@material/feature-targeting": "15.0.0-canary.0c52adeab.0",
		"@material/list": "15.0.0-canary.0c52adeab.0",
		"@material/ripple": "15.0.0-canary.0c52adeab.0",
		"@material/rtl": "15.0.0-canary.0c52adeab.0",
		"@material/shape": "15.0.0-canary.0c52adeab.0",
		"@material/theme": "15.0.0-canary.0c52adeab.0",
		"@material/typography": "15.0.0-canary.0c52adeab.0",
		"tslib": "^2.1.0"
		},
		"gitHead": "766a8d5f5fc7e4e022835f16c6ecdab8d2ccf071"
		"gitHead": "972024dd57885ff944ec073de0cd956353bfa7e3"
		}

README.md

		@@ -66,3 +66,3 @@ <!--docs:
		import {MDCList} from "@material/list";
		const list = MDCList.attachTo(document.querySelector('.mdc-deprecated-list'));
		const list = MDCList.attachTo(document.querySelector<HTMLElement>('.mdc-deprecated-list'));
		list.wrapFocus = true;
		@@ -75,3 +75,3 @@ ```
		import {MDCDrawer} from "@material/drawer";
		const drawer = MDCDrawer.attachTo(document.querySelector('.mdc-drawer'));
		const drawer = MDCDrawer.attachTo(document.querySelector<HTMLElement>('.mdc-drawer'));
		```
		@@ -102,11 +102,11 @@
		```js
		const listEl = document.querySelector('.mdc-drawer .mdc-deprecated-list');
		const mainContentEl = document.querySelector('.main-content');
		const listEl = document.querySelector<HTMLElement>('.mdc-drawer .mdc-deprecated-list');
		const mainContentEl = document.querySelector<HTMLElement>('.main-content');

		listEl.addEventListener('click', (event) => {
		mainContentEl.querySelector('input, button').focus();
		mainContentEl.querySelector<HTMLElement>('input, button').focus();
		});

		document.body.addEventListener('MDCDrawer:closed', () => {
		mainContentEl.querySelector('input, button').focus();
		mainContentEl.querySelector<HTMLElement>('input, button').focus();
		});
		@@ -120,4 +120,4 @@ ```
		```js
		const listEl = document.querySelector('.mdc-drawer .mdc-deprecated-list');
		const mainContentEl = document.querySelector('.main-content');
		const listEl = document.querySelector<HTMLElement>('.mdc-drawer .mdc-deprecated-list');
		const mainContentEl = document.querySelector<HTMLElement>('.main-content');

		@@ -129,3 +129,3 @@ listEl.addEventListener('click', (event) => {
		document.body.addEventListener('MDCDrawer:closed', () => {
		mainContentEl.querySelector('input, button').focus();
		mainContentEl.querySelector<HTMLElement>('input, button').focus();
		});
		@@ -132,0 +132,0 @@ ```

util.d.ts

		@@ -24,3 +24,4 @@ /**
		import { FocusOptions, FocusTrap } from '@material/dom/focus-trap';
		/** MDC Drawer Focus Trap Factory */
		export declare type MDCDrawerFocusTrapFactory = (element: HTMLElement, options: FocusOptions) => FocusTrap;
		export declare function createFocusTrapInstance(surfaceEl: HTMLElement, focusTrapFactory: MDCDrawerFocusTrapFactory): FocusTrap;

common.import.scss