-
Notifications
You must be signed in to change notification settings - Fork 77
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
docs: deprecate legacy navigation components (#1597)
Co-authored-by: Daniel Leroux <daniel.leroux@siemens.com> Co-authored-by: Lukas Maurer <lukas.maurer@siemens.com>
- Loading branch information
3 people
authored
Dec 12, 2024
1 parent
b3846c9
commit 7091a6e
Showing
76 changed files
with
1,657 additions
and
400 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
17 changes: 17 additions & 0 deletions
17
packages/angular-test-app/src/preview-examples/basic-navigation-migration.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| /* | ||
| * SPDX-FileCopyrightText: 2024 Siemens AG | ||
| * | ||
| * SPDX-License-Identifier: MIT | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| /* | ||
| * Styles get overwritten by html-test-app css files each build or dev task. | ||
| * If you want to modify the example styles do this only inside the html-test-app | ||
| */ | ||
|
|
||
| ix-application { | ||
| width: 100vw; | ||
| height: 100vh; | ||
| } |
20 changes: 20 additions & 0 deletions
20
packages/angular-test-app/src/preview-examples/basic-navigation-migration.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| <!-- | ||
| SPDX-FileCopyrightText: 2024 Siemens AG | ||
| SPDX-License-Identifier: MIT | ||
| This source code is licensed under the MIT license found in the | ||
| LICENSE file in the root directory of this source tree. | ||
| --> | ||
|
|
||
| <ix-application> | ||
| <!--{KEEP} Compare hideHeader property --> | ||
| <ix-application-header name="My Application"> | ||
| <div class="placeholder-logo" slot="logo"></div> | ||
| </ix-application-header> | ||
|
|
||
| <ix-menu> | ||
| <ix-menu-item>Item 1</ix-menu-item> | ||
| <ix-menu-item>Item 2</ix-menu-item> | ||
| </ix-menu> | ||
| </ix-application> |
17 changes: 17 additions & 0 deletions
17
packages/angular-test-app/src/preview-examples/basic-navigation-migration.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| /* | ||
| * SPDX-FileCopyrightText: 2024 Siemens AG | ||
| * | ||
| * SPDX-License-Identifier: MIT | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
|
|
||
| import { Component } from '@angular/core'; | ||
|
|
||
| @Component({ | ||
| selector: 'app-example', | ||
| templateUrl: './basic-navigation-migration.html', | ||
| styleUrls: ['./basic-navigation-migration.css'], | ||
| }) | ||
| export default class BasicNavigationMigration {} |
27 changes: 27 additions & 0 deletions
27
packages/angular-test-app/src/preview-examples/map-navigation-migration.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| /* | ||
| * SPDX-FileCopyrightText: 2024 Siemens AG | ||
| * | ||
| * SPDX-License-Identifier: MIT | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
| /* | ||
| * Styles get overwritten by html-test-app css files each build or dev task. | ||
| * If you want to modify the example styles do this only inside the html-test-app | ||
| */ | ||
|
|
||
| .application { | ||
| height: 100vh; | ||
| width: 100vw; | ||
|
|
||
| .overlay { | ||
| position: absolute; | ||
| right: 0; | ||
| z-index: 1; | ||
| } | ||
|
|
||
| .content { | ||
| box-sizing: border-box; | ||
| } | ||
| } |
46 changes: 46 additions & 0 deletions
46
packages/angular-test-app/src/preview-examples/map-navigation-migration.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,46 @@ | ||
| <ix-application class="application"> | ||
| <ix-application-header name="My Application"> | ||
| <div class="placeholder-logo" slot="logo"></div> | ||
|
|
||
| <!--{KEEP} Compare context menu --> | ||
| <ix-dropdown-button variant="secondary" label="Select config" ghost> | ||
| <ix-dropdown-item label="Config 1"></ix-dropdown-item> | ||
| <ix-dropdown-item label="Config 2"></ix-dropdown-item> | ||
| <ix-dropdown-item label="Config 3"></ix-dropdown-item> | ||
| </ix-dropdown-button> | ||
| </ix-application-header> | ||
|
|
||
| <ix-menu> | ||
| <ix-menu-item>Item 1</ix-menu-item> | ||
| <ix-menu-item>Item 2</ix-menu-item> | ||
| </ix-menu> | ||
|
|
||
| <!--{KEEP} Compare overlay --> | ||
| <ix-pane | ||
| class="overlay" | ||
| composition="right" | ||
| heading="Custom overlay" | ||
| icon="bulb" | ||
| size="320px" | ||
| variant="floating" | ||
| hide-on-collapse | ||
| [expanded]="expanded" | ||
| (expandedChanged)="resetExpanded($event)" | ||
| > | ||
| Overlay content | ||
| </ix-pane> | ||
|
|
||
| <ix-pane-layout> | ||
| <!--{KEEP} Compare sidebar --> | ||
| <ix-pane slot="left" heading="Navigation title" size="320px" expanded> | ||
| Sidebar content | ||
| </ix-pane> | ||
|
|
||
| <ix-content class="content"> | ||
| <ix-content-header slot="header" header-title="My Content Page"> | ||
| </ix-content-header> | ||
|
|
||
| <ix-button (click)="toggleOverlay()">Open overlay</ix-button> | ||
| </ix-content> | ||
| </ix-pane-layout> | ||
| </ix-application> |
29 changes: 29 additions & 0 deletions
29
packages/angular-test-app/src/preview-examples/map-navigation-migration.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| /* | ||
| * SPDX-FileCopyrightText: 2024 Siemens AG | ||
| * | ||
| * SPDX-License-Identifier: MIT | ||
| * | ||
| * This source code is licensed under the MIT license found in the | ||
| * LICENSE file in the root directory of this source tree. | ||
| */ | ||
|
|
||
| import { Component } from '@angular/core'; | ||
|
|
||
| @Component({ | ||
| selector: 'app-example', | ||
| templateUrl: './map-navigation-migration.html', | ||
| styleUrls: ['./map-navigation-migration.css'], | ||
| }) | ||
| export default class MapNavigationMigration { | ||
| expanded = false; | ||
|
|
||
| resetExpanded(event: Event) { | ||
| requestAnimationFrame(() => { | ||
| this.expanded = (event as CustomEvent).detail.expanded; | ||
| }); | ||
| } | ||
|
|
||
| toggleOverlay() { | ||
| this.expanded = !this.expanded; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.