feat: visionos platform filter (#123)

NativeScript · Oct 10, 2023 · b760502 · b760502
1 parent 476dc3a
commit b760502
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/packages/angular/src/lib/cdk/platform-filters/vision-filter.component.ts b/packages/angular/src/lib/cdk/platform-filters/vision-filter.component.ts
@@ -0,0 +1,18 @@
+/* eslint-disable @angular-eslint/component-selector */
+import { Component, Inject } from '@angular/core';
+import { platformNames, IDevice } from '@nativescript/core';
+import { DEVICE } from '../../tokens';
+
+@Component({
+  selector: 'visionos',
+  template: `<ng-content *ngIf="show"></ng-content>`,
+})
+export class VisionOSFilterComponent {
+  public show: boolean;
+
+  constructor(@Inject(DEVICE) device: IDevice) {
+    // Note: casting any to be backwards compatible
+    // Available in 8.6+ only
+    this.show = device.os === (platformNames as any).visionos;
+  }
+}
diff --git a/packages/angular/src/lib/nativescript-common.module.ts b/packages/angular/src/lib/nativescript-common.module.ts
@@ -8,8 +8,9 @@ import { ModalDialogService } from './legacy/directives/dialogs';
 import { TabViewDirective, TabViewItemDirective } from './cdk/tab-view';
 import { AndroidFilterComponent } from './cdk/platform-filters/android-filter.component';
 import { IOSFilterComponent } from './cdk/platform-filters/ios-filter.component';
+import { VisionOSFilterComponent } from './cdk/platform-filters/vision-filter.component';
 
-const CDK_COMPONENTS = [ActionBarComponent, ActionBarScope, ActionItemDirective, NavigationButtonDirective, ListViewComponent, TemplateKeyDirective, TabViewDirective, TabViewItemDirective, AndroidFilterComponent, IOSFilterComponent];
+const CDK_COMPONENTS = [ActionBarComponent, ActionBarScope, ActionItemDirective, NavigationButtonDirective, ListViewComponent, TemplateKeyDirective, TabViewDirective, TabViewItemDirective, AndroidFilterComponent, IOSFilterComponent, VisionOSFilterComponent];
 
 registerNativeScriptViewComponents();
 

diff --git a/packages/angular/src/lib/public_api.ts b/packages/angular/src/lib/public_api.ts
@@ -16,6 +16,7 @@ export * from './cdk/dialog';
 export * from './cdk/tab-view';
 export * from './cdk/platform-filters/android-filter.component';
 export * from './cdk/platform-filters/ios-filter.component';
+export * from './cdk/platform-filters/vision-filter.component';
 export * from './file-system';
 export * from './nativescript-common.module';
 export * from './loading.service';