chore: move navigation elements to labs

PiperOrigin-RevId: 536572523

labs/navigationbar/demo/stories.ts

@@ -5,8 +5,8 @@
  */
 
 import '@material/web/icon/icon.js';
-import '@material/web/navigationbar/navigation-bar.js';
-import '@material/web/navigationtab/navigation-tab.js';
+import '@material/web/labs/navigationbar/navigation-bar.js';
+import '@material/web/labs/navigationtab/navigation-tab.js';
 
 import {MaterialStoryInit} from './material-collection.js';
 import {html, css} from 'lit';

labs/navigationbar/harness.ts

@@ -4,8 +4,8 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import {Harness} from '../../testing/harness.js';
 import {NavigationTabHarness} from '../navigationtab/harness.js';
-import {Harness} from '../testing/harness.js';
 
 import {NavigationBar} from './lib/navigation-bar.js';
 

labs/navigationbar/lib/_navigation-bar.scss

@@ -10,9 +10,9 @@
 @use 'sass:map';
 // go/keep-sorted end
 // go/keep-sorted start
-@use '../../elevation/elevation';
-@use '../../internal/sass/theme';
-@use '../../tokens';
+@use '../../../elevation/elevation';
+@use '../../../internal/sass/theme';
+@use '../../../tokens';
 // go/keep-sorted end
 
 $_md-sys-motion: tokens.md-sys-motion-values();

labs/navigationbar/lib/navigation-bar.ts

@@ -4,14 +4,14 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import '../../elevation/elevation.js';
+import '../../../elevation/elevation.js';
 
 import {html, LitElement, nothing, PropertyValues} from 'lit';
 import {property, queryAssignedElements} from 'lit/decorators.js';
 
-import {ARIAMixinStrict} from '../../internal/aria/aria.js';
-import {requestUpdateOnAriaChange} from '../../internal/aria/delegate.js';
-import {isRtl} from '../../controller/is-rtl.js';
+import {isRtl} from '../../../controller/is-rtl.js';
+import {ARIAMixinStrict} from '../../../internal/aria/aria.js';
+import {requestUpdateOnAriaChange} from '../../../internal/aria/delegate.js';
 import {NavigationTab} from '../../navigationtab/lib/navigation-tab.js';
 
 import {NavigationTabInteractionEvent} from './constants.js';

labs/navigationbar/md-navigation-bar_test.ts

@@ -8,9 +8,9 @@ import {html} from 'lit';
 import {customElement} from 'lit/decorators.js';
 import {ifDefined} from 'lit/directives/if-defined.js';
 
+import {Environment} from '../../testing/environment.js';
 import {NavigationTabHarness} from '../navigationtab/harness.js';
 import {MdNavigationTab} from '../navigationtab/navigation-tab.js';
-import {Environment} from '../testing/environment.js';
 
 import {NavigationBarHarness} from './harness.js';
 import {MdNavigationBar} from './navigation-bar.js';

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

@@ -10,9 +10,9 @@
 @use 'sass:map';
 // go/keep-sorted end
 // go/keep-sorted start
-@use '../../elevation/elevation';
-@use '../../internal/motion/animation';
-@use '../../internal/sass/theme';
+@use '../../../elevation/elevation';
+@use '../../../internal/motion/animation';
+@use '../../../internal/sass/theme';
 // go/keep-sorted end
 
 $_curve: animation.$standard-easing;

labs/navigationdrawer/lib/_navigation-drawer.scss

@@ -7,9 +7,9 @@
 // Selector '.md3-*' should only be used in this project.
 
 // go/keep-sorted start
-@use '../../elevation/elevation';
-@use '../../internal/motion/animation';
-@use '../../internal/sass/theme';
+@use '../../../elevation/elevation';
+@use '../../../internal/motion/animation';
+@use '../../../internal/sass/theme';
 // go/keep-sorted end
 
 $curve: animation.$standard-easing;

labs/navigationdrawer/lib/navigation-drawer-modal.ts

@@ -8,8 +8,8 @@ import {html, LitElement, nothing, PropertyValues} from 'lit';
 import {property} from 'lit/decorators.js';
 import {classMap} from 'lit/directives/class-map.js';
 
-import {ARIAMixinStrict} from '../../internal/aria/aria.js';
-import {requestUpdateOnAriaChange} from '../../internal/aria/delegate.js';
+import {ARIAMixinStrict} from '../../../internal/aria/aria.js';
+import {requestUpdateOnAriaChange} from '../../../internal/aria/delegate.js';
 
 /**
  * TODO(b/265346501): add docs

labs/navigationdrawer/lib/navigation-drawer.ts

@@ -4,14 +4,14 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import '../../elevation/elevation.js';
+import '../../../elevation/elevation.js';
 
 import {html, LitElement, nothing, PropertyValues} from 'lit';
 import {property} from 'lit/decorators.js';
 import {classMap} from 'lit/directives/class-map.js';
 
-import {ARIAMixinStrict} from '../../internal/aria/aria.js';
-import {requestUpdateOnAriaChange} from '../../internal/aria/delegate.js';
+import {ARIAMixinStrict} from '../../../internal/aria/aria.js';
+import {requestUpdateOnAriaChange} from '../../../internal/aria/delegate.js';
 
 /**
  * TODO(b/265346501): add docs

labs/navigationtab/harness.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import {Harness} from '../testing/harness.js';
+import {Harness} from '../../testing/harness.js';
 
 import {NavigationTab} from './lib/navigation-tab.js';
 

labs/navigationtab/lib/_navigation-tab.scss

@@ -10,12 +10,12 @@
 @use 'sass:map';
 // go/keep-sorted end
 // go/keep-sorted start
-@use '../../focus/focus-ring';
-@use '../../internal/motion/animation';
-@use '../../internal/sass/theme';
-@use '../../labs/badge/badge';
-@use '../../ripple/ripple';
-@use '../../tokens';
+@use '../../../focus/focus-ring';
+@use '../../../internal/motion/animation';
+@use '../../../internal/sass/theme';
+@use '../../../ripple/ripple';
+@use '../../../tokens';
+@use '../../badge/badge';
 // go/keep-sorted end
 
 $animation-duration: 100ms;

labs/navigationtab/lib/navigation-tab.ts

@@ -4,16 +4,16 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import '../../labs/badge/badge.js';
-import '../../focus/focus-ring.js';
-import '../../ripple/ripple.js';
+import '../../../focus/focus-ring.js';
+import '../../../ripple/ripple.js';
+import '../../badge/badge.js';
 
 import {html, LitElement, nothing, PropertyValues} from 'lit';
 import {property, query} from 'lit/decorators.js';
 import {classMap} from 'lit/directives/class-map.js';
 
-import {ARIAMixinStrict} from '../../internal/aria/aria.js';
-import {requestUpdateOnAriaChange} from '../../internal/aria/delegate.js';
+import {ARIAMixinStrict} from '../../../internal/aria/aria.js';
+import {requestUpdateOnAriaChange} from '../../../internal/aria/delegate.js';
 
 import {NavigationTabState} from './state.js';
 

labs/navigationtab/md-navigation-tab_test.ts

@@ -7,7 +7,7 @@
 import {html, render} from 'lit';
 import {customElement} from 'lit/decorators.js';
 
-import {Environment} from '../testing/environment.js';
+import {Environment} from '../../testing/environment.js';
 
 import {NavigationTabHarness} from './harness.js';
 import {MdNavigationTab} from './navigation-tab.js';

tsconfig.json

@@ -28,6 +28,6 @@
   },
   "exclude": [
     "catalog",
-    "*/demo"
+    "**/demo"
   ]
 }