material-web-evo 10002.10001.10000

package/labs/navigationbar/navigation-bar.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { CSSResultOrNative } from 'lit';
+import { NavigationBar } from './internal/navigation-bar.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-navigation-bar': MdNavigationBar;
+    }
+}
+/**
+ * @final
+ * @suppress {visibility}
+ */
+export declare class MdNavigationBar extends NavigationBar {
+    static styles: CSSResultOrNative[];
+}

package/labs/navigationbar/navigation-bar.js

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { NavigationBar } from './internal/navigation-bar.js';
+import { styles } from './internal/navigation-bar-styles.js';
+/**
+ * @final
+ * @suppress {visibility}
+ */
+export let MdNavigationBar = class MdNavigationBar extends NavigationBar {
+};
+MdNavigationBar.styles = [styles];
+MdNavigationBar = __decorate([
+    customElement('md-navigation-bar')
+], MdNavigationBar);
+//# sourceMappingURL=navigation-bar.js.map

package/labs/navigationbar/navigation-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-bar.js","sourceRoot":"","sources":["navigation-bar.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAGH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,MAAM,EAAC,MAAM,qCAAqC,CAAC;AAQ3D;;;GAGG;AAEI,WAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,aAAa;;AAChC,sBAAM,GAAwB,CAAC,MAAM,CAAC,AAAhC,CAAiC;AAD5C,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAE3B","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {CSSResultOrNative} from 'lit';\nimport {customElement} from 'lit/decorators.js';\n\nimport {NavigationBar} from './internal/navigation-bar.js';\nimport {styles} from './internal/navigation-bar-styles.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-navigation-bar': MdNavigationBar;\n  }\n}\n\n/**\n * @final\n * @suppress {visibility}\n */\n@customElement('md-navigation-bar')\nexport class MdNavigationBar extends NavigationBar {\n  static override styles: CSSResultOrNative[] = [styles];\n}\n"]}

package/labs/navigationdrawer/_navigation-drawer-modal.scss

@@ -0,0 +1,6 @@
+//
+// Copyright 2021 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@forward './internal/navigation-drawer-modal' show theme;

package/labs/navigationdrawer/_navigation-drawer.scss

@@ -0,0 +1,6 @@
+//
+// Copyright 2021 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@forward './internal/navigation-drawer' show theme;

package/labs/navigationdrawer/internal/_navigation-drawer-modal.scss

@@ -0,0 +1,110 @@
+//
+// Copyright 2021 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// stylelint-disable selector-class-pattern --
+// Selector '.md3-*' should only be used in this project.
+
+// go/keep-sorted start
+@use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
+@use '../../../elevation/elevation';
+@use '../../../internal/motion/animation';
+// go/keep-sorted end
+
+$_curve: animation.$standard-easing;
+$_delay: 0s;
+$_transition-duration: 0.25s;
+
+$_reference: (
+  'container-color': #fff,
+  'container-height': 100%,
+  'container-shape': 0 16px 16px 0,
+  'container-width': 360px,
+  // b/216384393 - Temporary existing token to use for shadow color
+  'divider-color': #000,
+  'modal-container-elevation': 1,
+  'scrim-color': null,
+  'scrim-opacity': 0.04,
+  'standard-container-elevation': 0,
+);
+
+@mixin theme($tokens) {
+  // $supported-tokens: tokens.$md-comp-navigation-drawer-modal-supported-tokens;
+
+  @each $token, $value in $tokens {
+    // @if list.index($supported-tokens, $token) == null {
+    //   @error 'Token `#{$token}` is not a supported token.';
+    // }
+
+    @if $value {
+      --md-navigation-drawer-modal-#{$token}: #{$value};
+    }
+  }
+}
+
+@mixin styles() {
+  $tokens: $_reference;
+
+  :host {
+    @each $token, $value in $tokens {
+      --_#{$token}: var(--md-navigation-drawer-modal-#{$token}, #{$value});
+    }
+
+    @include elevation.theme(
+      (
+        'level': var(--_modal-container-elevation),
+      )
+    );
+  }
+
+  .md3-navigation-drawer-modal {
+    bottom: 0;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: flex-end;
+    overflow: hidden;
+    position: absolute;
+    top: 0;
+    inline-size: 0;
+
+    transition: inline-size $_transition-duration $_curve $_delay,
+      visibility $_delay $_curve $_transition-duration;
+  }
+
+  .md3-navigation-drawer-modal--opened {
+    transition: inline-size $_transition-duration $_curve $_delay,
+      visibility $_delay $_curve $_delay;
+  }
+
+  .md3-navigation-drawer-modal--pivot-at-start {
+    justify-content: flex-start;
+  }
+
+  .md3-navigation-drawer-modal__slot-content {
+    display: flex;
+    flex-direction: column;
+    position: relative;
+  }
+
+  .md3-navigation-drawer-modal__scrim {
+    inset: 0;
+    opacity: 0;
+    position: absolute;
+    visibility: hidden;
+    background-color: var(--_scrim-color);
+
+    transition: opacity $_transition-duration $_curve $_delay,
+      visibility $_delay $_curve $_transition-duration;
+  }
+
+  .md3-navigation-drawer-modal--scrim-visible {
+    visibility: visible;
+    opacity: var(--_scrim-opacity);
+
+    transition: opacity $_transition-duration $_curve $_delay,
+      visibility $_delay $_curve $_delay;
+  }
+}

package/labs/navigationdrawer/internal/_navigation-drawer.scss

@@ -0,0 +1,97 @@
+//
+// Copyright 2021 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// stylelint-disable selector-class-pattern --
+// Selector '.md3-*' should only be used in this project.
+
+// go/keep-sorted start
+@use '../../../elevation/elevation';
+@use '../../../internal/motion/animation';
+// go/keep-sorted end
+
+$curve: animation.$standard-easing;
+$default: 0s;
+$delay: 0s;
+$transition-duration: 0.25s;
+
+$_reference: (
+  'container-color': #fff,
+  'container-height': 100%,
+  'container-shape': 0 16px 16px 0,
+  'container-width': 360px,
+  // b/216384393 - Temporary existing token to use for shadow color
+  'divider-color': #000,
+  'modal-container-elevation': 1,
+  'standard-container-elevation': 0,
+);
+
+@mixin theme($tokens) {
+  // $supported-tokens: tokens.$md-comp-navigation-drawer-supported-tokens;
+
+  @each $token, $value in $tokens {
+    // @if list.index($supported-tokens, $token) == null {
+    //   @error 'Token `#{$token}` is not a supported token.';
+    // }
+
+    @if $value {
+      --md-navigation-drawer-#{$token}: #{$value};
+    }
+  }
+}
+
+@mixin styles() {
+  $tokens: $_reference;
+
+  :host {
+    @each $token, $value in $tokens {
+      --_#{$token}: var(--md-navigation-drawer-#{$token}, #{$value});
+    }
+
+    @include elevation.theme(
+      (
+        'level': var(--_standard-container-elevation),
+        'shadow-color': var(--_divider-color),
+      )
+    );
+  }
+
+  :host {
+    display: flex;
+  }
+
+  .md3-navigation-drawer {
+    inline-size: 0;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: flex-end;
+    overflow: hidden;
+    overflow-y: auto;
+    visibility: hidden;
+
+    transition: inline-size $transition-duration $curve $delay,
+      visibility $default $curve $transition-duration;
+  }
+
+  md-elevation {
+    z-index: 0;
+  }
+
+  .md3-navigation-drawer--opened {
+    visibility: visible;
+
+    transition: inline-size $transition-duration $curve $delay,
+      visibility $default $curve $default;
+  }
+
+  .md3-navigation-drawer--pivot-at-start {
+    justify-content: flex-start;
+  }
+
+  .md3-navigation-drawer__slot-content {
+    display: flex;
+    flex-direction: column;
+    position: relative;
+  }
+}

package/labs/navigationdrawer/internal/_shared.scss

@@ -0,0 +1,31 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// stylelint-disable selector-class-pattern --
+// Selector '.md3-*' should only be used in this project.
+
+// go/keep-sorted start
+@use 'sass:map';
+// go/keep-sorted end
+
+@mixin styles() {
+  .md3-navigation-drawer-modal,
+  .md3-navigation-drawer {
+    background-color: var(--_container-color);
+    border-radius: var(--_container-shape);
+    height: var(--_container-height);
+  }
+
+  .md3-navigation-drawer-modal.md3-navigation-drawer-modal--opened,
+  .md3-navigation-drawer.md3-navigation-drawer--opened {
+    inline-size: var(--_container-width);
+  }
+
+  .md3-navigation-drawer-modal .md3-navigation-drawer-modal__slot-content,
+  .md3-navigation-drawer .md3-navigation-drawer__slot-content {
+    min-inline-size: var(--_container-width);
+    max-inline-size: var(--_container-width);
+  }
+}

package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.css

@@ -0,0 +1 @@
+:host{--_container-color: var(--md-navigation-drawer-modal-container-color, #fff);--_container-height: var(--md-navigation-drawer-modal-container-height, 100%);--_container-shape: var(--md-navigation-drawer-modal-container-shape, 0 16px 16px 0);--_container-width: var(--md-navigation-drawer-modal-container-width, 360px);--_divider-color: var(--md-navigation-drawer-modal-divider-color, #000);--_modal-container-elevation: var(--md-navigation-drawer-modal-modal-container-elevation, 1);--_scrim-color: var(--md-navigation-drawer-modal-scrim-color, );--_scrim-opacity: var(--md-navigation-drawer-modal-scrim-opacity, 0.04);--_standard-container-elevation: var(--md-navigation-drawer-modal-standard-container-elevation, 0);--md-elevation-level: var(--_modal-container-elevation)}.md3-navigation-drawer-modal{bottom:0;box-sizing:border-box;display:flex;justify-content:flex-end;overflow:hidden;position:absolute;top:0;inline-size:0;transition:inline-size .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) .25s}.md3-navigation-drawer-modal--opened{transition:inline-size .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) 0s}.md3-navigation-drawer-modal--pivot-at-start{justify-content:flex-start}.md3-navigation-drawer-modal__slot-content{display:flex;flex-direction:column;position:relative}.md3-navigation-drawer-modal__scrim{inset:0;opacity:0;position:absolute;visibility:hidden;background-color:var(--_scrim-color);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) .25s}.md3-navigation-drawer-modal--scrim-visible{visibility:visible;opacity:var(--_scrim-opacity);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) 0s}/*# sourceMappingURL=navigation-drawer-modal-styles.css.map */

package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["_navigation-drawer-modal.scss","../../../elevation/internal/_elevation.scss"],"names":[],"mappings":"AAkDE,MAEI,4sBC9BA,wDDwCJ,6BACE,SACA,sBACA,aACA,yBACA,gBACA,kBACA,MACA,cAEA,4GAIF,qCACE,0GAIF,6CACE,2BAGF,2CACE,aACA,sBACA,kBAGF,oCACE,QACA,UACA,kBACA,kBACA,qCAEA,wGAIF,4CACE,mBACA,8BAEA","file":"navigation-drawer-modal-styles.css"}

package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.js

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+// Generated stylesheet for ./labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.
+import { css } from 'lit';
+export const styles = css `:host{--_container-color: var(--md-navigation-drawer-modal-container-color, #fff);--_container-height: var(--md-navigation-drawer-modal-container-height, 100%);--_container-shape: var(--md-navigation-drawer-modal-container-shape, 0 16px 16px 0);--_container-width: var(--md-navigation-drawer-modal-container-width, 360px);--_divider-color: var(--md-navigation-drawer-modal-divider-color, #000);--_modal-container-elevation: var(--md-navigation-drawer-modal-modal-container-elevation, 1);--_scrim-color: var(--md-navigation-drawer-modal-scrim-color, );--_scrim-opacity: var(--md-navigation-drawer-modal-scrim-opacity, 0.04);--_standard-container-elevation: var(--md-navigation-drawer-modal-standard-container-elevation, 0);--md-elevation-level: var(--_modal-container-elevation)}.md3-navigation-drawer-modal{bottom:0;box-sizing:border-box;display:flex;justify-content:flex-end;overflow:hidden;position:absolute;top:0;inline-size:0;transition:inline-size .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) .25s}.md3-navigation-drawer-modal--opened{transition:inline-size .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) 0s}.md3-navigation-drawer-modal--pivot-at-start{justify-content:flex-start}.md3-navigation-drawer-modal__slot-content{display:flex;flex-direction:column;position:relative}.md3-navigation-drawer-modal__scrim{inset:0;opacity:0;position:absolute;visibility:hidden;background-color:var(--_scrim-color);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) .25s}.md3-navigation-drawer-modal--scrim-visible{visibility:visible;opacity:var(--_scrim-opacity);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) 0s}
+`;
+//# sourceMappingURL=navigation-drawer-modal-styles.js.map

package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-drawer-modal-styles.js","sourceRoot":"","sources":["navigation-drawer-modal-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,gGAAgG;AAChG,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACxB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.\nimport {css} from 'lit';\nexport const styles = css`:host{--_container-color: var(--md-navigation-drawer-modal-container-color, #fff);--_container-height: var(--md-navigation-drawer-modal-container-height, 100%);--_container-shape: var(--md-navigation-drawer-modal-container-shape, 0 16px 16px 0);--_container-width: var(--md-navigation-drawer-modal-container-width, 360px);--_divider-color: var(--md-navigation-drawer-modal-divider-color, #000);--_modal-container-elevation: var(--md-navigation-drawer-modal-modal-container-elevation, 1);--_scrim-color: var(--md-navigation-drawer-modal-scrim-color, );--_scrim-opacity: var(--md-navigation-drawer-modal-scrim-opacity, 0.04);--_standard-container-elevation: var(--md-navigation-drawer-modal-standard-container-elevation, 0);--md-elevation-level: var(--_modal-container-elevation)}.md3-navigation-drawer-modal{bottom:0;box-sizing:border-box;display:flex;justify-content:flex-end;overflow:hidden;position:absolute;top:0;inline-size:0;transition:inline-size .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) .25s}.md3-navigation-drawer-modal--opened{transition:inline-size .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) 0s}.md3-navigation-drawer-modal--pivot-at-start{justify-content:flex-start}.md3-navigation-drawer-modal__slot-content{display:flex;flex-direction:column;position:relative}.md3-navigation-drawer-modal__scrim{inset:0;opacity:0;position:absolute;visibility:hidden;background-color:var(--_scrim-color);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) .25s}.md3-navigation-drawer-modal--scrim-visible{visibility:visible;opacity:var(--_scrim-opacity);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) 0s}\n`;\n"]}

package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.scss

@@ -0,0 +1,10 @@
+//
+// Copyright 2021 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use './navigation-drawer-modal';
+// go/keep-sorted end
+
+@include navigation-drawer-modal.styles;

package/labs/navigationdrawer/internal/navigation-drawer-modal.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { LitElement, PropertyValues } from 'lit';
+declare const navigationDrawerModalBaseClass: import("../../behaviors/mixin.js").MixinReturn<typeof LitElement>;
+/**
+ * b/265346501 - add docs
+ *
+ * @fires navigation-drawer-changed {CustomEvent<{opened: boolean}>}
+ * Dispatched whenever the drawer opens or closes --bubbles --composed
+ */
+export declare class NavigationDrawerModal extends navigationDrawerModalBaseClass {
+    opened: boolean;
+    pivot: 'start' | 'end';
+    protected render(): import("lit-html").TemplateResult<1>;
+    private getScrimClasses;
+    private getRenderClasses;
+    protected updated(changedProperties: PropertyValues<NavigationDrawerModal>): void;
+    private handleKeyDown;
+    private handleScrimClick;
+}
+export {};

package/labs/navigationdrawer/internal/navigation-drawer-modal.js

@@ -0,0 +1,87 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { html, LitElement, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { mixinDelegatesAria } from '../../../internal/aria/delegate.js';
+// Separate variable needed for closure.
+const navigationDrawerModalBaseClass = mixinDelegatesAria(LitElement);
+/**
+ * b/265346501 - add docs
+ *
+ * @fires navigation-drawer-changed {CustomEvent<{opened: boolean}>}
+ * Dispatched whenever the drawer opens or closes --bubbles --composed
+ */
+export class NavigationDrawerModal extends navigationDrawerModalBaseClass {
+    constructor() {
+        super(...arguments);
+        this.opened = false;
+        this.pivot = 'end';
+    }
+    render() {
+        const ariaExpanded = this.opened ? 'true' : 'false';
+        const ariaHidden = !this.opened ? 'true' : 'false';
+        // Needed for closure conformance
+        const { ariaLabel, ariaModal } = this;
+        return html `
+      <div
+        class="md3-navigation-drawer-modal__scrim ${this.getScrimClasses()}"
+        @click="${this.handleScrimClick}">
+      </div>
+      <div
+        aria-expanded=${ariaExpanded}
+        aria-hidden=${ariaHidden}
+        aria-label=${ariaLabel || nothing}
+        aria-modal=${ariaModal || nothing}
+        class="md3-navigation-drawer-modal ${this.getRenderClasses()}"
+        @keydown="${this.handleKeyDown}"
+        role="dialog"
+        ><div class="md3-elevation-overlay"></div>
+        <div class="md3-navigation-drawer-modal__slot-content">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+    }
+    getScrimClasses() {
+        return classMap({
+            'md3-navigation-drawer-modal--scrim-visible': this.opened,
+        });
+    }
+    getRenderClasses() {
+        return classMap({
+            'md3-navigation-drawer-modal--opened': this.opened,
+            'md3-navigation-drawer-modal--pivot-at-start': this.pivot === 'start',
+        });
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('opened')) {
+            setTimeout(() => {
+                this.dispatchEvent(new CustomEvent('navigation-drawer-changed', {
+                    detail: { opened: this.opened },
+                    bubbles: true,
+                    composed: true,
+                }));
+            }, 250);
+        }
+    }
+    handleKeyDown(event) {
+        if (event.code === 'Escape') {
+            this.opened = false;
+        }
+    }
+    handleScrimClick() {
+        this.opened = !this.opened;
+    }
+}
+__decorate([
+    property({ type: Boolean })
+], NavigationDrawerModal.prototype, "opened", void 0);
+__decorate([
+    property()
+], NavigationDrawerModal.prototype, "pivot", void 0);
+//# sourceMappingURL=navigation-drawer-modal.js.map

package/labs/navigationdrawer/internal/navigation-drawer-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-drawer-modal.js","sourceRoot":"","sources":["navigation-drawer-modal.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAiB,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAGrD,OAAO,EAAC,kBAAkB,EAAC,MAAM,oCAAoC,CAAC;AAEtE,wCAAwC;AACxC,MAAM,8BAA8B,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;AAEtE;;;;;GAKG;AACH,MAAM,OAAO,qBAAsB,SAAQ,8BAA8B;IAAzE;;QAC6B,WAAM,GAAG,KAAK,CAAC;QAC9B,UAAK,GAAoB,KAAK,CAAC;IAkE7C,CAAC;IAhEoB,MAAM;QACvB,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QACpD,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QACnD,iCAAiC;QACjC,MAAM,EAAC,SAAS,EAAE,SAAS,EAAC,GAAG,IAAuB,CAAC;QACvD,OAAO,IAAI,CAAA;;oDAEqC,IAAI,CAAC,eAAe,EAAE;kBACxD,IAAI,CAAC,gBAAgB;;;wBAGf,YAAY;sBACd,UAAU;qBACX,SAAS,IAAI,OAAO;qBACpB,SAAS,IAAI,OAAO;6CACI,IAAI,CAAC,gBAAgB,EAAE;oBAChD,IAAI,CAAC,aAAa;;;;;;;KAOjC,CAAC;IACJ,CAAC;IAEO,eAAe;QACrB,OAAO,QAAQ,CAAC;YACd,4CAA4C,EAAE,IAAI,CAAC,MAAM;SAC1D,CAAC,CAAC;IACL,CAAC;IAEO,gBAAgB;QACtB,OAAO,QAAQ,CAAC;YACd,qCAAqC,EAAE,IAAI,CAAC,MAAM;YAClD,6CAA6C,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;SACtE,CAAC,CAAC;IACL,CAAC;IAEkB,OAAO,CACxB,iBAAwD;QAExD,IAAI,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YACnC,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,2BAA2B,EAAE;oBAC3C,MAAM,EAAE,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAC;oBAC7B,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;iBACf,CAAC,CACH,CAAC;YACJ,CAAC,EAAE,GAAG,CAAC,CAAC;SACT;IACH,CAAC;IAEO,aAAa,CAAC,KAAoB;QACxC,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;YAC3B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SACrB;IACH,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;IAC7B,CAAC;CACF;AAnE4B;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;qDAAgB;AAC9B;IAAX,QAAQ,EAAE;oDAAgC","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement, nothing, PropertyValues} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\n\nimport {ARIAMixinStrict} from '../../../internal/aria/aria.js';\nimport {mixinDelegatesAria} from '../../../internal/aria/delegate.js';\n\n// Separate variable needed for closure.\nconst navigationDrawerModalBaseClass = mixinDelegatesAria(LitElement);\n\n/**\n * b/265346501 - add docs\n *\n * @fires navigation-drawer-changed {CustomEvent<{opened: boolean}>}\n * Dispatched whenever the drawer opens or closes --bubbles --composed\n */\nexport class NavigationDrawerModal extends navigationDrawerModalBaseClass {\n  @property({type: Boolean}) opened = false;\n  @property() pivot: 'start' | 'end' = 'end';\n\n  protected override render() {\n    const ariaExpanded = this.opened ? 'true' : 'false';\n    const ariaHidden = !this.opened ? 'true' : 'false';\n    // Needed for closure conformance\n    const {ariaLabel, ariaModal} = this as ARIAMixinStrict;\n    return html`\n      <div\n        class=\"md3-navigation-drawer-modal__scrim ${this.getScrimClasses()}\"\n        @click=\"${this.handleScrimClick}\">\n      </div>\n      <div\n        aria-expanded=${ariaExpanded}\n        aria-hidden=${ariaHidden}\n        aria-label=${ariaLabel || nothing}\n        aria-modal=${ariaModal || nothing}\n        class=\"md3-navigation-drawer-modal ${this.getRenderClasses()}\"\n        @keydown=\"${this.handleKeyDown}\"\n        role=\"dialog\"\n        ><div class=\"md3-elevation-overlay\"></div>\n        <div class=\"md3-navigation-drawer-modal__slot-content\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private getScrimClasses() {\n    return classMap({\n      'md3-navigation-drawer-modal--scrim-visible': this.opened,\n    });\n  }\n\n  private getRenderClasses() {\n    return classMap({\n      'md3-navigation-drawer-modal--opened': this.opened,\n      'md3-navigation-drawer-modal--pivot-at-start': this.pivot === 'start',\n    });\n  }\n\n  protected override updated(\n    changedProperties: PropertyValues<NavigationDrawerModal>,\n  ) {\n    if (changedProperties.has('opened')) {\n      setTimeout(() => {\n        this.dispatchEvent(\n          new CustomEvent('navigation-drawer-changed', {\n            detail: {opened: this.opened},\n            bubbles: true,\n            composed: true,\n          }),\n        );\n      }, 250);\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.code === 'Escape') {\n      this.opened = false;\n    }\n  }\n\n  private handleScrimClick() {\n    this.opened = !this.opened;\n  }\n}\n"]}

package/labs/navigationdrawer/internal/navigation-drawer-styles.css

@@ -0,0 +1 @@
+:host{--_container-color: var(--md-navigation-drawer-container-color, #fff);--_container-height: var(--md-navigation-drawer-container-height, 100%);--_container-shape: var(--md-navigation-drawer-container-shape, 0 16px 16px 0);--_container-width: var(--md-navigation-drawer-container-width, 360px);--_divider-color: var(--md-navigation-drawer-divider-color, #000);--_modal-container-elevation: var(--md-navigation-drawer-modal-container-elevation, 1);--_standard-container-elevation: var(--md-navigation-drawer-standard-container-elevation, 0);--md-elevation-level: var(--_standard-container-elevation);--md-elevation-shadow-color: var(--_divider-color)}:host{display:flex}.md3-navigation-drawer{inline-size:0;box-sizing:border-box;display:flex;justify-content:flex-end;overflow:hidden;overflow-y:auto;visibility:hidden;transition:inline-size .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) .25s}md-elevation{z-index:0}.md3-navigation-drawer--opened{visibility:visible;transition:inline-size .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) 0s}.md3-navigation-drawer--pivot-at-start{justify-content:flex-start}.md3-navigation-drawer__slot-content{display:flex;flex-direction:column;position:relative}/*# sourceMappingURL=navigation-drawer-styles.css.map */

package/labs/navigationdrawer/internal/navigation-drawer-styles.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["_navigation-drawer.scss","../../../elevation/internal/_elevation.scss"],"names":[],"mappings":"AA8CE,MAEI,0hBC1BA,8GDqCJ,MACE,aAGF,uBACE,cACA,sBACA,aACA,yBACA,gBACA,gBACA,kBAEA,4GAIF,aACE,UAGF,+BACE,mBAEA,0GAIF,uCACE,2BAGF,qCACE,aACA,sBACA","file":"navigation-drawer-styles.css"}

package/labs/navigationdrawer/internal/navigation-drawer-styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/labs/navigationdrawer/internal/navigation-drawer-styles.js

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+// Generated stylesheet for ./labs/navigationdrawer/internal/navigation-drawer-styles.css.
+import { css } from 'lit';
+export const styles = css `:host{--_container-color: var(--md-navigation-drawer-container-color, #fff);--_container-height: var(--md-navigation-drawer-container-height, 100%);--_container-shape: var(--md-navigation-drawer-container-shape, 0 16px 16px 0);--_container-width: var(--md-navigation-drawer-container-width, 360px);--_divider-color: var(--md-navigation-drawer-divider-color, #000);--_modal-container-elevation: var(--md-navigation-drawer-modal-container-elevation, 1);--_standard-container-elevation: var(--md-navigation-drawer-standard-container-elevation, 0);--md-elevation-level: var(--_standard-container-elevation);--md-elevation-shadow-color: var(--_divider-color)}:host{display:flex}.md3-navigation-drawer{inline-size:0;box-sizing:border-box;display:flex;justify-content:flex-end;overflow:hidden;overflow-y:auto;visibility:hidden;transition:inline-size .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) .25s}md-elevation{z-index:0}.md3-navigation-drawer--opened{visibility:visible;transition:inline-size .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) 0s}.md3-navigation-drawer--pivot-at-start{justify-content:flex-start}.md3-navigation-drawer__slot-content{display:flex;flex-direction:column;position:relative}
+`;
+//# sourceMappingURL=navigation-drawer-styles.js.map

package/labs/navigationdrawer/internal/navigation-drawer-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-drawer-styles.js","sourceRoot":"","sources":["navigation-drawer-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,0FAA0F;AAC1F,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACxB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./labs/navigationdrawer/internal/navigation-drawer-styles.css.\nimport {css} from 'lit';\nexport const styles = css`:host{--_container-color: var(--md-navigation-drawer-container-color, #fff);--_container-height: var(--md-navigation-drawer-container-height, 100%);--_container-shape: var(--md-navigation-drawer-container-shape, 0 16px 16px 0);--_container-width: var(--md-navigation-drawer-container-width, 360px);--_divider-color: var(--md-navigation-drawer-divider-color, #000);--_modal-container-elevation: var(--md-navigation-drawer-modal-container-elevation, 1);--_standard-container-elevation: var(--md-navigation-drawer-standard-container-elevation, 0);--md-elevation-level: var(--_standard-container-elevation);--md-elevation-shadow-color: var(--_divider-color)}:host{display:flex}.md3-navigation-drawer{inline-size:0;box-sizing:border-box;display:flex;justify-content:flex-end;overflow:hidden;overflow-y:auto;visibility:hidden;transition:inline-size .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) .25s}md-elevation{z-index:0}.md3-navigation-drawer--opened{visibility:visible;transition:inline-size .25s cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 0s cubic-bezier(0.4, 0, 0.2, 1) 0s}.md3-navigation-drawer--pivot-at-start{justify-content:flex-start}.md3-navigation-drawer__slot-content{display:flex;flex-direction:column;position:relative}\n`;\n"]}

package/labs/navigationdrawer/internal/navigation-drawer-styles.scss

@@ -0,0 +1,10 @@
+//
+// Copyright 2021 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use './navigation-drawer';
+// go/keep-sorted end
+
+@include navigation-drawer.styles;

package/labs/navigationdrawer/internal/navigation-drawer.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import '../../../elevation/elevation.js';
+import { LitElement, PropertyValues } from 'lit';
+declare const navigationDrawerBaseClass: import("../../behaviors/mixin.js").MixinReturn<typeof LitElement>;
+/**
+ * b/265346501 - add docs
+ *
+ * @fires navigation-drawer-changed {CustomEvent<{opened: boolean}>}
+ * Dispatched whenever the drawer opens or closes --bubbles --composed
+ */
+export declare class NavigationDrawer extends navigationDrawerBaseClass {
+    opened: boolean;
+    pivot: 'start' | 'end';
+    protected render(): import("lit-html").TemplateResult<1>;
+    private getRenderClasses;
+    protected updated(changedProperties: PropertyValues<NavigationDrawer>): void;
+}
+export {};

package/labs/navigationdrawer/internal/navigation-drawer.js

@@ -0,0 +1,70 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import '../../../elevation/elevation.js';
+import { html, LitElement, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { mixinDelegatesAria } from '../../../internal/aria/delegate.js';
+// Separate variable needed for closure.
+const navigationDrawerBaseClass = mixinDelegatesAria(LitElement);
+/**
+ * b/265346501 - add docs
+ *
+ * @fires navigation-drawer-changed {CustomEvent<{opened: boolean}>}
+ * Dispatched whenever the drawer opens or closes --bubbles --composed
+ */
+export class NavigationDrawer extends navigationDrawerBaseClass {
+    constructor() {
+        super(...arguments);
+        this.opened = false;
+        this.pivot = 'end';
+    }
+    render() {
+        const ariaExpanded = this.opened ? 'true' : 'false';
+        const ariaHidden = !this.opened ? 'true' : 'false';
+        // Needed for closure conformance
+        const { ariaLabel, ariaModal } = this;
+        return html `
+      <div
+        aria-expanded="${ariaExpanded}"
+        aria-hidden="${ariaHidden}"
+        aria-label=${ariaLabel || nothing}
+        aria-modal="${ariaModal || nothing}"
+        class="md3-navigation-drawer ${this.getRenderClasses()}"
+        role="dialog">
+        <md-elevation part="elevation"></md-elevation>
+        <div class="md3-navigation-drawer__slot-content">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+    }
+    getRenderClasses() {
+        return classMap({
+            'md3-navigation-drawer--opened': this.opened,
+            'md3-navigation-drawer--pivot-at-start': this.pivot === 'start',
+        });
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('opened')) {
+            setTimeout(() => {
+                this.dispatchEvent(new CustomEvent('navigation-drawer-changed', {
+                    detail: { opened: this.opened },
+                    bubbles: true,
+                    composed: true,
+                }));
+            }, 250);
+        }
+    }
+}
+__decorate([
+    property({ type: Boolean })
+], NavigationDrawer.prototype, "opened", void 0);
+__decorate([
+    property()
+], NavigationDrawer.prototype, "pivot", void 0);
+//# sourceMappingURL=navigation-drawer.js.map

package/labs/navigationdrawer/internal/navigation-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-drawer.js","sourceRoot":"","sources":["navigation-drawer.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,iCAAiC,CAAC;AAEzC,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAiB,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAGrD,OAAO,EAAC,kBAAkB,EAAC,MAAM,oCAAoC,CAAC;AAEtE,wCAAwC;AACxC,MAAM,yBAAyB,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;AAEjE;;;;;GAKG;AACH,MAAM,OAAO,gBAAiB,SAAQ,yBAAyB;IAA/D;;QAC6B,WAAM,GAAG,KAAK,CAAC;QAC9B,UAAK,GAAoB,KAAK,CAAC;IA6C7C,CAAC;IA3CoB,MAAM;QACvB,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QACpD,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QACnD,iCAAiC;QACjC,MAAM,EAAC,SAAS,EAAE,SAAS,EAAC,GAAG,IAAuB,CAAC;QACvD,OAAO,IAAI,CAAA;;yBAEU,YAAY;uBACd,UAAU;qBACZ,SAAS,IAAI,OAAO;sBACnB,SAAS,IAAI,OAAO;uCACH,IAAI,CAAC,gBAAgB,EAAE;;;;;;;KAOzD,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,OAAO,QAAQ,CAAC;YACd,+BAA+B,EAAE,IAAI,CAAC,MAAM;YAC5C,uCAAuC,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;SAChE,CAAC,CAAC;IACL,CAAC;IAEkB,OAAO,CACxB,iBAAmD;QAEnD,IAAI,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YACnC,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,2BAA2B,EAAE;oBAC3C,MAAM,EAAE,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAC;oBAC7B,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;iBACf,CAAC,CACH,CAAC;YACJ,CAAC,EAAE,GAAG,CAAC,CAAC;SACT;IACH,CAAC;CACF;AA9C4B;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;gDAAgB;AAC9B;IAAX,QAAQ,EAAE;+CAAgC","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../../elevation/elevation.js';\n\nimport {html, LitElement, nothing, PropertyValues} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\n\nimport {ARIAMixinStrict} from '../../../internal/aria/aria.js';\nimport {mixinDelegatesAria} from '../../../internal/aria/delegate.js';\n\n// Separate variable needed for closure.\nconst navigationDrawerBaseClass = mixinDelegatesAria(LitElement);\n\n/**\n * b/265346501 - add docs\n *\n * @fires navigation-drawer-changed {CustomEvent<{opened: boolean}>}\n * Dispatched whenever the drawer opens or closes --bubbles --composed\n */\nexport class NavigationDrawer extends navigationDrawerBaseClass {\n  @property({type: Boolean}) opened = false;\n  @property() pivot: 'start' | 'end' = 'end';\n\n  protected override render() {\n    const ariaExpanded = this.opened ? 'true' : 'false';\n    const ariaHidden = !this.opened ? 'true' : 'false';\n    // Needed for closure conformance\n    const {ariaLabel, ariaModal} = this as ARIAMixinStrict;\n    return html`\n      <div\n        aria-expanded=\"${ariaExpanded}\"\n        aria-hidden=\"${ariaHidden}\"\n        aria-label=${ariaLabel || nothing}\n        aria-modal=\"${ariaModal || nothing}\"\n        class=\"md3-navigation-drawer ${this.getRenderClasses()}\"\n        role=\"dialog\">\n        <md-elevation part=\"elevation\"></md-elevation>\n        <div class=\"md3-navigation-drawer__slot-content\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private getRenderClasses() {\n    return classMap({\n      'md3-navigation-drawer--opened': this.opened,\n      'md3-navigation-drawer--pivot-at-start': this.pivot === 'start',\n    });\n  }\n\n  protected override updated(\n    changedProperties: PropertyValues<NavigationDrawer>,\n  ) {\n    if (changedProperties.has('opened')) {\n      setTimeout(() => {\n        this.dispatchEvent(\n          new CustomEvent('navigation-drawer-changed', {\n            detail: {opened: this.opened},\n            bubbles: true,\n            composed: true,\n          }),\n        );\n      }, 250);\n    }\n  }\n}\n"]}

package/labs/navigationdrawer/internal/shared-styles.css

@@ -0,0 +1 @@
+.md3-navigation-drawer-modal,.md3-navigation-drawer{background-color:var(--_container-color);border-radius:var(--_container-shape);height:var(--_container-height)}.md3-navigation-drawer-modal.md3-navigation-drawer-modal--opened,.md3-navigation-drawer.md3-navigation-drawer--opened{inline-size:var(--_container-width)}.md3-navigation-drawer-modal .md3-navigation-drawer-modal__slot-content,.md3-navigation-drawer .md3-navigation-drawer__slot-content{min-inline-size:var(--_container-width);max-inline-size:var(--_container-width)}/*# sourceMappingURL=shared-styles.css.map */

package/labs/navigationdrawer/internal/shared-styles.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["_shared.scss"],"names":[],"mappings":"AAaE,oDAEE,yCACA,sCACA,gCAGF,sHAEE,oCAGF,oIAEE,wCACA","file":"shared-styles.css"}

package/labs/navigationdrawer/internal/shared-styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/labs/navigationdrawer/internal/shared-styles.js

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+// Generated stylesheet for ./labs/navigationdrawer/internal/shared-styles.css.
+import { css } from 'lit';
+export const styles = css `.md3-navigation-drawer-modal,.md3-navigation-drawer{background-color:var(--_container-color);border-radius:var(--_container-shape);height:var(--_container-height)}.md3-navigation-drawer-modal.md3-navigation-drawer-modal--opened,.md3-navigation-drawer.md3-navigation-drawer--opened{inline-size:var(--_container-width)}.md3-navigation-drawer-modal .md3-navigation-drawer-modal__slot-content,.md3-navigation-drawer .md3-navigation-drawer__slot-content{min-inline-size:var(--_container-width);max-inline-size:var(--_container-width)}
+`;
+//# sourceMappingURL=shared-styles.js.map

package/labs/navigationdrawer/internal/shared-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-styles.js","sourceRoot":"","sources":["shared-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,+EAA+E;AAC/E,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACxB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2024 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./labs/navigationdrawer/internal/shared-styles.css.\nimport {css} from 'lit';\nexport const styles = css`.md3-navigation-drawer-modal,.md3-navigation-drawer{background-color:var(--_container-color);border-radius:var(--_container-shape);height:var(--_container-height)}.md3-navigation-drawer-modal.md3-navigation-drawer-modal--opened,.md3-navigation-drawer.md3-navigation-drawer--opened{inline-size:var(--_container-width)}.md3-navigation-drawer-modal .md3-navigation-drawer-modal__slot-content,.md3-navigation-drawer .md3-navigation-drawer__slot-content{min-inline-size:var(--_container-width);max-inline-size:var(--_container-width)}\n`;\n"]}