@angular/cdk
Version:
Angular Material Component Development Kit
1 lines • 14.5 kB
Source Map (JSON)
{"version":3,"file":"_breakpoints-observer-chunk.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/cdk/layout/media-matcher.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/cdk/layout/breakpoints-observer.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\nimport {Service, CSP_NONCE, inject} from '@angular/core';\nimport {Platform} from '../platform';\n\n/** Global registry for all dynamically-created, injected media queries. */\nconst mediaQueriesForWebkitCompatibility: Set<string> = new Set<string>();\n\n/** Style tag that holds all of the dynamically-created media queries. */\nlet mediaQueryStyleNode: HTMLStyleElement | undefined;\n\n/** A utility for calling matchMedia queries. */\n@Service()\nexport class MediaMatcher {\n private _platform = inject(Platform);\n private _nonce = inject(CSP_NONCE, {optional: true});\n\n /** The internal matchMedia method to return back a MediaQueryList like object. */\n private _matchMedia: (query: string) => MediaQueryList;\n\n constructor() {\n this._matchMedia =\n this._platform.isBrowser && window.matchMedia\n ? // matchMedia is bound to the window scope intentionally as it is an illegal invocation to\n // call it from a different scope.\n window.matchMedia.bind(window)\n : noopMatchMedia;\n }\n\n /**\n * Evaluates the given media query and returns the native MediaQueryList from which results\n * can be retrieved.\n * Confirms the layout engine will trigger for the selector query provided and returns the\n * MediaQueryList for the query provided.\n */\n matchMedia(query: string): MediaQueryList {\n if (this._platform.WEBKIT || this._platform.BLINK) {\n createEmptyStyleRule(query, this._nonce);\n }\n return this._matchMedia(query);\n }\n}\n\n/**\n * Creates an empty stylesheet that is used to work around browser inconsistencies related to\n * `matchMedia`. At the time of writing, it handles the following cases:\n * 1. On WebKit browsers, a media query has to have at least one rule in order for `matchMedia`\n * to fire. We work around it by declaring a dummy stylesheet with a `@media` declaration.\n * 2. In some cases Blink browsers will stop firing the `matchMedia` listener if none of the rules\n * inside the `@media` match existing elements on the page. We work around it by having one rule\n * targeting the `body`. See https://github.com/angular/components/issues/23546.\n */\nfunction createEmptyStyleRule(query: string, nonce: string | undefined | null) {\n if (mediaQueriesForWebkitCompatibility.has(query)) {\n return;\n }\n\n try {\n if (!mediaQueryStyleNode) {\n mediaQueryStyleNode = document.createElement('style');\n\n if (nonce) {\n mediaQueryStyleNode.setAttribute('nonce', nonce);\n }\n\n mediaQueryStyleNode.setAttribute('type', 'text/css');\n document.head!.appendChild(mediaQueryStyleNode);\n }\n\n if (mediaQueryStyleNode.sheet) {\n mediaQueryStyleNode.sheet.insertRule(`@media ${query} {body{ }}`, 0);\n mediaQueriesForWebkitCompatibility.add(query);\n }\n } catch (e) {\n console.error(e);\n }\n}\n\n/** No-op matchMedia replacement for non-browser platforms. */\nfunction noopMatchMedia(query: string): MediaQueryList {\n // Use `as any` here to avoid adding additional necessary properties for\n // the noop matcher.\n return {\n matches: query === 'all' || query === '',\n media: query,\n addListener: () => {},\n removeListener: () => {},\n } as any;\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {coerceArray} from '../coercion';\nimport {Service, NgZone, OnDestroy, inject} from '@angular/core';\nimport {combineLatest, concat, Observable, Observer, Subject} from 'rxjs';\nimport {debounceTime, map, skip, startWith, take, takeUntil} from 'rxjs/operators';\nimport {MediaMatcher} from './media-matcher';\n\n/** The current state of a layout breakpoint. */\nexport interface BreakpointState {\n /** Whether the breakpoint is currently matching. */\n matches: boolean;\n /**\n * A key boolean pair for each query provided to the observe method,\n * with its current matched state.\n */\n breakpoints: {\n [key: string]: boolean;\n };\n}\n\n/** The current state of a layout breakpoint. */\ninterface InternalBreakpointState {\n /** Whether the breakpoint is currently matching. */\n matches: boolean;\n /** The media query being to be matched */\n query: string;\n}\n\ninterface Query {\n observable: Observable<InternalBreakpointState>;\n mql: MediaQueryList;\n}\n\n/** Utility for checking the matching state of `@media` queries. */\n@Service()\nexport class BreakpointObserver implements OnDestroy {\n private _mediaMatcher = inject(MediaMatcher);\n private _zone = inject(NgZone);\n\n /** A map of all media queries currently being listened for. */\n private _queries = new Map<string, Query>();\n /** A subject for all other observables to takeUntil based on. */\n private readonly _destroySubject = new Subject<void>();\n\n /** Completes the active subject, signalling to all other observables to complete. */\n ngOnDestroy() {\n this._destroySubject.next();\n this._destroySubject.complete();\n }\n\n /**\n * Whether one or more media queries match the current viewport size.\n * @param value One or more media queries to check.\n * @returns Whether any of the media queries match.\n */\n isMatched(value: string | readonly string[]): boolean {\n const queries = splitQueries(coerceArray(value));\n return queries.some(mediaQuery => this._registerQuery(mediaQuery).mql.matches);\n }\n\n /**\n * Gets an observable of results for the given queries that will emit new results for any changes\n * in matching of the given queries.\n * @param value One or more media queries to check.\n * @returns A stream of matches for the given queries.\n */\n observe(value: string | readonly string[]): Observable<BreakpointState> {\n const queries = splitQueries(coerceArray(value));\n const observables = queries.map(query => this._registerQuery(query).observable);\n\n let stateObservable = combineLatest(observables);\n // Emit the first state immediately, and then debounce the subsequent emissions.\n stateObservable = concat(\n stateObservable.pipe(take(1)),\n stateObservable.pipe(skip(1), debounceTime(0)),\n );\n return stateObservable.pipe(\n map(breakpointStates => {\n const response: BreakpointState = {\n matches: false,\n breakpoints: {},\n };\n breakpointStates.forEach(({matches, query}) => {\n response.matches = response.matches || matches;\n response.breakpoints[query] = matches;\n });\n return response;\n }),\n );\n }\n\n /** Registers a specific query to be listened for. */\n private _registerQuery(query: string): Query {\n // Only set up a new MediaQueryList if it is not already being listened for.\n if (this._queries.has(query)) {\n return this._queries.get(query)!;\n }\n\n const mql = this._mediaMatcher.matchMedia(query);\n\n // Create callback for match changes and add it is as a listener.\n const queryObservable = new Observable((observer: Observer<MediaQueryListEvent>) => {\n // Listener callback methods are wrapped to be placed back in ngZone. Callbacks must be placed\n // back into the zone because matchMedia is only included in Zone.js by loading the\n // webapis-media-query.js file alongside the zone.js file. Additionally, some browsers do not\n // have MediaQueryList inherit from EventTarget, which causes inconsistencies in how Zone.js\n // patches it.\n const handler = (e: MediaQueryListEvent): void => this._zone.run(() => observer.next(e));\n mql.addListener(handler);\n\n return () => {\n mql.removeListener(handler);\n };\n }).pipe(\n startWith(mql),\n map(({matches}) => ({query, matches})),\n takeUntil(this._destroySubject),\n );\n\n // Add the MediaQueryList to the set of queries.\n const output = {observable: queryObservable, mql};\n this._queries.set(query, output);\n return output;\n }\n}\n\n/**\n * Split each query string into separate query strings if two queries are provided as comma\n * separated.\n */\nfunction splitQueries(queries: readonly string[]): readonly string[] {\n return queries\n .map(query => query.split(','))\n .reduce((a1, a2) => a1.concat(a2))\n .map(query => query.trim());\n}\n"],"names":["mediaQueriesForWebkitCompatibility","Set","mediaQueryStyleNode","MediaMatcher","_platform","inject","Platform","_nonce","CSP_NONCE","optional","_matchMedia","constructor","isBrowser","window","matchMedia","bind","noopMatchMedia","query","WEBKIT","BLINK","createEmptyStyleRule","deps","target","i0","ɵɵFactoryTarget","Service","decorators","nonce","has","document","createElement","setAttribute","head","appendChild","sheet","insertRule","add","e","console","error","matches","media","addListener","removeListener","BreakpointObserver","_mediaMatcher","_zone","NgZone","_queries","Map","_destroySubject","Subject","ngOnDestroy","next","complete","isMatched","value","queries","splitQueries","coerceArray","some","mediaQuery","_registerQuery","mql","observe","observables","map","observable","stateObservable","combineLatest","concat","pipe","take","skip","debounceTime","breakpointStates","response","breakpoints","forEach","get","queryObservable","Observable","observer","handler","run","startWith","takeUntil","output","set","split","reduce","a1","a2","trim"],"mappings":"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"}