chore: build fix

farfromrefuge · farfromrefuge · commit 79e5a219205c · 2026-03-23T11:12:49.000+01:00
diff --git a/demo-snippets/ng/activity-indicator/activity-indicator.module.ts b/demo-snippets/ng/activity-indicator/activity-indicator.module.ts
@@ -4,7 +4,7 @@ import { NativeScriptMaterialActivityIndicatorModule } from '@nativescript-commu
 import { ActivityIndicatorComponent } from './activity-indicator.component';
 
 @NgModule({
-    declarations: [ActivityIndicatorComponent],
+    imports: [ActivityIndicatorComponent],
     imports: [NativeScriptCommonModule, NativeScriptMaterialActivityIndicatorModule],
     schemas: [NO_ERRORS_SCHEMA]
 })
diff --git a/demo-snippets/ng/bottom-navigation-bar/bottom-navigation-bar.module.ts b/demo-snippets/ng/bottom-navigation-bar/bottom-navigation-bar.module.ts
@@ -8,7 +8,7 @@ import { ThirdTabComponent } from './third-tab/third-tab.component';
 
 @NgModule({
     imports: [NativeScriptCommonModule, NativeScriptMaterialBottomNavigationBarModule],
-    declarations: [BottomNavigationBarComponent, FirstTabComponent, ThirdTabComponent],
+    imports: [BottomNavigationBarComponent, FirstTabComponent, ThirdTabComponent],
     schemas: [NO_ERRORS_SCHEMA]
 })
 export class BottomNavigationBarModule {}
diff --git a/demo-snippets/ng/bottom-sheet/bottom-sheet.module.ts b/demo-snippets/ng/bottom-sheet/bottom-sheet.module.ts
@@ -6,7 +6,7 @@ import { LoginOptionsComponent } from './login-options.component';
 import { BottomSheetComponent } from './bottom-sheet.component';
 
 @NgModule({
-    declarations: [BottomSheetComponent, LoginOptionsComponent],
+    imports: [BottomSheetComponent, LoginOptionsComponent],
     // entryComponents: [LoginOptionsComponent],
     // Recommendation: The NativeScriptMaterialBottomSheetModule should be imported in your app.module
     // Right now the Module doesn't work well with HMR
diff --git a/demo-snippets/ng/buttons/buttons.module.ts b/demo-snippets/ng/buttons/buttons.module.ts
@@ -4,7 +4,7 @@ import { NativeScriptMaterialButtonModule } from '@nativescript-community/ui-mat
 import { ButtonsComponent } from './buttons.component';
 
 @NgModule({
-    declarations: [ButtonsComponent],
+    imports: [ButtonsComponent],
     imports: [NativeScriptCommonModule, NativeScriptMaterialButtonModule],
     schemas: [NO_ERRORS_SCHEMA]
 })
diff --git a/demo-snippets/ng/cards/cards.module.ts b/demo-snippets/ng/cards/cards.module.ts
@@ -4,7 +4,7 @@ import { NativeScriptMaterialCardViewModule } from '@nativescript-community/ui-m
 import { CardsComponent } from './cards.component';
 
 @NgModule({
-    declarations: [CardsComponent],
+    imports: [CardsComponent],
     imports: [NativeScriptCommonModule, NativeScriptMaterialCardViewModule],
     schemas: [NO_ERRORS_SCHEMA]
 })
diff --git a/demo-snippets/ng/progress/progress.module.ts b/demo-snippets/ng/progress/progress.module.ts
@@ -4,7 +4,7 @@ import { NativeScriptMaterialProgressModule } from '@nativescript-community/ui-m
 import { ProgressComponent } from './progress.component';
 
 @NgModule({
-    declarations: [ProgressComponent],
+    imports: [ProgressComponent],
     imports: [NativeScriptCommonModule, NativeScriptMaterialProgressModule],
     schemas: [NO_ERRORS_SCHEMA]
 })
diff --git a/demo-snippets/ng/ripple/ripple.module.ts b/demo-snippets/ng/ripple/ripple.module.ts
@@ -4,7 +4,7 @@ import { NativeScriptMaterialRippleModule } from '@nativescript-community/ui-mat
 import { RippleComponent } from './ripple.component';
 
 @NgModule({
-    declarations: [RippleComponent],
+    imports: [RippleComponent],
     imports: [NativeScriptCommonModule, NativeScriptMaterialRippleModule],
     schemas: [NO_ERRORS_SCHEMA]
 })
diff --git a/demo-snippets/ng/slider/slider.module.ts b/demo-snippets/ng/slider/slider.module.ts
@@ -4,7 +4,7 @@ import { NativeScriptMaterialSliderModule } from '@nativescript-community/ui-mat
 import { SliderComponent } from './slider.component';
 
 @NgModule({
-    declarations: [SliderComponent],
+    imports: [SliderComponent],
     imports: [NativeScriptCommonModule, NativeScriptMaterialSliderModule],
     schemas: [NO_ERRORS_SCHEMA]
 })
diff --git a/demo-snippets/ng/tabs/tabs.module.ts b/demo-snippets/ng/tabs/tabs.module.ts
@@ -4,7 +4,7 @@ import { NativeScriptMaterialTabsModule } from '@nativescript-community/ui-mater
 import { TabsComponent } from './tabs.component';
 
 @NgModule({
-    declarations: [TabsComponent],
+    imports: [TabsComponent],
     imports: [NativeScriptCommonModule, NativeScriptMaterialTabsModule],
     schemas: [NO_ERRORS_SCHEMA]
 })
diff --git a/demo-snippets/ng/text-field/text-field.module.ts b/demo-snippets/ng/text-field/text-field.module.ts
@@ -4,7 +4,7 @@ import { NativeScriptMaterialTextFieldModule } from '@nativescript-community/ui-
 import { TextFieldComponent } from './text-field.component';
 
 @NgModule({
-    declarations: [TextFieldComponent],
+    imports: [TextFieldComponent],
     imports: [NativeScriptCommonModule, NativeScriptMaterialTextFieldModule],
     schemas: [NO_ERRORS_SCHEMA]
 })
diff --git a/demo-snippets/vue3/install.ts b/demo-snippets/vue3/install.ts
@@ -1,8 +1,4 @@
-// @ts-ignore
-import { registerElement } from 'nativescript-vue';
 import ActivityIndicatorPlugin from '@nativescript-community/ui-material-activityindicator/vue';
-import BottomNavigationPlugin from '@nativescript-community/ui-material-bottom-navigation/vue';
-import BottomNavigationBarPlugin from '@nativescript-community/ui-material-bottomnavigationbar/vue';
 import { install as installBottomSheet } from '@nativescript-community/ui-material-bottomsheet';
 import { BottomSheetPlugin } from '@nativescript-community/ui-material-bottomsheet/vue3';
 import ButtonPlugin from '@nativescript-community/ui-material-button/vue';
@@ -15,13 +11,11 @@ import ProgressPlugin from '@nativescript-community/ui-material-progress/vue';
 import RipplePlugin from '@nativescript-community/ui-material-ripple/vue';
 import SliderPlugin from '@nativescript-community/ui-material-slider/vue';
 import SpeedDialPlugin from '@nativescript-community/ui-material-speeddial/vue';
-import TabsPlugin from '@nativescript-community/ui-material-tabs/vue';
 import TextFieldPlugin from '@nativescript-community/ui-material-textfield/vue';
 import TextViewPlugin from '@nativescript-community/ui-material-textview/vue';
 
 import ActivityIndicators from './ActivityIndicators.vue';
-import BottomNavigationBar from './BottomNavigationBar.vue';
-import BottomNavigation from './BottomNavigation.vue';
+import BottomSheet from './BottomSheet.vue';
 import Buttons from './Buttons.vue';
 import CardViews from './CardViews.vue';
 import Dialogs from './Dialogs.vue';
@@ -31,9 +25,8 @@ import Sliders from './Sliders.vue';
 import SnackBar from './SnackBar.vue';
 import TextFields from './TextFields.vue';
 import TextViews from './TextView.vue';
-import BottomSheet from './BottomSheet.vue';
-import SpeedDial from './Speeddial.vue';
-import Tabs from './Tabs.vue';
+// import SpeedDial from './Speeddial.vue';
+// import Tabs from './Tabs.vue';
 import Mixins from './Mixins.vue';
 
 import '../app.scss';
diff --git a/packages/bottomsheet/tsconfig.json b/packages/bottomsheet/tsconfig.json
@@ -13,7 +13,7 @@
     "references": [
         {
             //Need for tsc
-            "path": "../../tsconfig.vue3.json"
+            "path": "./tsconfig.vue3.json"
         }
     ]
 }
diff --git a/packages/bottomsheet/tsconfig.vue3.json b/packages/bottomsheet/tsconfig.vue3.json
@@ -0,0 +1,14 @@
+{    
+    "extends": "../../tools/tsconfig.json",
+    "compilerOptions": {
+       "composite": true,
+       "rootDir": "../../src/bottomsheet",
+        "outDir": "./",
+       "paths": {
+            "nativescript-vue": ["./node_modules/nativescript-vue3"]
+       }
+    },
+    "include": [
+        "../../src/bottomsheet/vue3"
+    ]
+}
diff --git a/src/activityindicator/angular/index.ts b/src/activityindicator/angular/index.ts
@@ -6,7 +6,7 @@ import { ActivityIndicator } from '@nativescript-community/ui-material-activityi
 export class MaterialActivityIndicatorDirective {}
 
 @NgModule({
-    declarations: [MaterialActivityIndicatorDirective],
+    imports: [MaterialActivityIndicatorDirective],
     exports: [MaterialActivityIndicatorDirective]
 })
 export class NativeScriptMaterialActivityIndicatorModule {}
diff --git a/src/appbar/angular/material-components.module.ts b/src/appbar/angular/material-components.module.ts
@@ -10,7 +10,7 @@ registerElement('AppBar', () => AppBar, appBarMeta);
 
 @NgModule({
     imports: [],
-    declarations: [AppBarComponent, AppBarDirective],
+    imports: [AppBarComponent, AppBarDirective],
     exports: [AppBarComponent, AppBarDirective],
     providers: []
 })
diff --git a/src/bottom-navigation/angular/index.ts b/src/bottom-navigation/angular/index.ts
@@ -6,7 +6,7 @@ import { BottomNavigation, TabContentItem, TabStrip, TabStripItem } from '@nativ
 export class MaterialBottomNavigationDirective {}
 
 @NgModule({
-    declarations: [MaterialBottomNavigationDirective],
+    imports: [MaterialBottomNavigationDirective],
     exports: [MaterialBottomNavigationDirective]
 })
 export class NativeScriptMaterialBottomNavigationModule {}
diff --git a/src/bottomnavigationbar/angular/module.ts b/src/bottomnavigationbar/angular/module.ts
@@ -5,7 +5,7 @@ import { DIRECTIVES } from './directives';
 export { BottomNavigationBarDirective , BottomNavigationTabDirective} from './directives';
 
 @NgModule({
-    declarations: [DIRECTIVES],
+    imports: [DIRECTIVES],
     exports: [DIRECTIVES],
 })
 export class NativeScriptMaterialBottomNavigationBarModule {}
diff --git a/src/bottomsheet/svelte/index.ts b/src/bottomsheet/svelte/index.ts
@@ -1,7 +1,7 @@
 import { BottomSheetOptions } from '../bottomsheet';
 import { Frame, View } from '@nativescript/core';
-import { NativeViewElementNode, createElement } from 'svelte-native/dom';
-import { PageSpec } from 'svelte-native/dom/navigation';
+import { NativeViewElementNode, createElement } from '@nativescript-community/svelte-native/dom';
+import { PageSpec } from '@nativescript-community/svelte-native/dom/navigation';
 
 declare module '@nativescript/core/ui/core/view' {
     interface View {
diff --git a/src/button/angular/index.ts b/src/button/angular/index.ts
@@ -6,7 +6,7 @@ import { Button } from '@nativescript-community/ui-material-button';
 export class MaterialButtonDirective {}
 
 @NgModule({
-    declarations: [MaterialButtonDirective],
+    imports: [MaterialButtonDirective],
     exports: [MaterialButtonDirective]
 })
 export class NativeScriptMaterialButtonModule {}
diff --git a/src/button/svelte/index.ts b/src/button/svelte/index.ts
@@ -1,4 +1,4 @@
-import { registerNativeViewElement } from 'svelte-native/dom';
+import { registerNativeViewElement } from '@nativescript-community/svelte-native/dom';
 import { Button } from '../button';
 
 export default class ButtonPlugin {
diff --git a/src/cardview/angular/index.ts b/src/cardview/angular/index.ts
@@ -6,7 +6,7 @@ import { CardView } from '@nativescript-community/ui-material-cardview';
 export class MaterialCardViewDirective {}
 
 @NgModule({
-    declarations: [MaterialCardViewDirective],
+    imports: [MaterialCardViewDirective],
     exports: [MaterialCardViewDirective]
 })
 export class NativeScriptMaterialCardViewModule {}
diff --git a/src/core-tabs/tab-strip/index.ts b/src/core-tabs/tab-strip/index.ts
@@ -33,6 +33,9 @@ export const unSelectedItemColorProperty = new CssProperty<Style, Color>({
 
 @CSSType('MDTabStrip')
 export class TabStrip extends View implements TabStripDefinition, AddChildFromBuilder, AddArrayFromBuilder {
+    //TODO: remove as it needs to be added after TS 5.7 change https://github.com/microsoft/TypeScript/pull/59860
+    [key: symbol]: (...args: any[]) => any | void;
+    
     public static itemTapEvent = 'itemTap';
     public items: TabStripItem[];
     public isIconSizeFixed: boolean;
diff --git a/src/core/index.android.ts b/src/core/index.android.ts
@@ -213,6 +213,9 @@ let mixinInstalled = false;
 export function overrideViewBase() {
     const NSView = require('@nativescript/core').View;
     class ViewWithElevationAndRipple extends View {
+        //TODO: remove as it needs to be added after TS 5.7 change https://github.com/microsoft/TypeScript/pull/59860
+        [key: symbol]: (...args: any[]) => any | void;
+
         @cssProperty elevation = 0;
         @cssProperty dynamicElevationOffset = 0;
         @cssProperty rippleColor: Color;
diff --git a/src/floatingactionbutton/floatingactionbutton.android.ts b/src/floatingactionbutton/floatingactionbutton.android.ts
@@ -8,6 +8,9 @@ import { getRippleColor } from '@nativescript-community/ui-material-core/index.a
 let MDCFabButton: typeof com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton;
 
 export class FloatingActionButton extends FloatingActionButtonBase {
+    //TODO: remove as it needs to be added after TS 5.7 change https://github.com/microsoft/TypeScript/pull/59860
+    [key: symbol]: (...args: any[]) => any | void;
+    
     nativeViewProtected: com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton;
     defaultPadding: number;
     public createNativeView() {
diff --git a/src/progress/angular/index.ts b/src/progress/angular/index.ts
@@ -6,7 +6,7 @@ import { Progress } from '@nativescript-community/ui-material-progress';
 export class MaterialProgressDirective {}
 
 @NgModule({
-    declarations: [MaterialProgressDirective],
+    imports: [MaterialProgressDirective],
     exports: [MaterialProgressDirective]
 })
 export class NativeScriptMaterialProgressModule {}
diff --git a/src/progress/progress.android.ts b/src/progress/progress.android.ts
@@ -4,6 +4,9 @@ import { getRippleColor } from '@nativescript-community/ui-material-core';
 import { inflateLayout } from '@nativescript-community/ui-material-core/android/utils';
 
 export class Progress extends ProgressBase {
+    //TODO: remove as it needs to be added after TS 5.7 change https://github.com/microsoft/TypeScript/pull/59860
+    [key: symbol]: (...args: any[]) => any | void;
+    
     nativeViewProtected: com.google.android.material.progressindicator.LinearProgressIndicator;
 
     createNativeView() {
diff --git a/src/ripple/angular/index.ts b/src/ripple/angular/index.ts
@@ -6,7 +6,7 @@ import { Ripple } from '@nativescript-community/ui-material-ripple';
 export class MaterialRippleDirective {}
 
 @NgModule({
-    declarations: [MaterialRippleDirective],
+    imports: [MaterialRippleDirective],
     exports: [MaterialRippleDirective],
 })
 export class NativeScriptMaterialRippleModule {}
diff --git a/src/ripple/ripple.android.ts b/src/ripple/ripple.android.ts
@@ -195,6 +195,9 @@ function initializePreLollipopStackLayout() {
 }
 
 export class Ripple extends RippleBase {
+    //TODO: remove as it needs to be added after TS 5.7 change https://github.com/microsoft/TypeScript/pull/59860
+    [key: symbol]: (...args: any[]) => any | void;
+    
     nativeViewProtected: android.view.View;
     ripple: android.graphics.drawable.RippleDrawable;
 
diff --git a/src/ripple/ripple.ios.ts b/src/ripple/ripple.ios.ts
@@ -3,6 +3,9 @@ import { Color } from '@nativescript/core';
 import { RippleBase } from './ripple-common';
 
 export class Ripple extends RippleBase {
+    //TODO: remove as it needs to be added after TS 5.7 change https://github.com/microsoft/TypeScript/pull/59860
+    [key: symbol]: (...args: any[]) => any | void;
+    
     inkTouchController: MDCRippleTouchController;
     public createNativeView() {
         const view = UIView.alloc().init();
diff --git a/src/slider/angular/index.ts b/src/slider/angular/index.ts
@@ -6,7 +6,7 @@ import { Slider } from '@nativescript-community/ui-material-slider';
 export class MaterialSliderDirective {}
 
 @NgModule({
-    declarations: [MaterialSliderDirective],
+    imports: [MaterialSliderDirective],
     exports: [MaterialSliderDirective]
 })
 export class NativeScriptMaterialSliderModule {}
diff --git a/src/slider/slider.ios.ts b/src/slider/slider.ios.ts
@@ -6,6 +6,9 @@ import { stepSizeProperty, thumbColorProperty, thumbHollowAtStartProperty, track
 import { SliderBase } from './slider-common';
 
 export class Slider extends SliderBase {
+    //TODO: remove as it needs to be added after TS 5.7 change https://github.com/microsoft/TypeScript/pull/59860
+    [key: symbol]: (...args: any[]) => any | void;
+
     nativeViewProtected: MDCSlider;
     constructor() {
         super();
diff --git a/src/speeddial/index.ts b/src/speeddial/index.ts
@@ -339,7 +339,7 @@ export class SpeedDial extends SpeedDialItemBase {
             this.mFabs.splice(index, 0, new WeakRef(child));
             this.fabsHolder.insertChild(child, index);
         } else {
-            super.insertChild(child, index);
+            return super.insertChild(child, index);
         }
     }
     addChild(child) {
diff --git a/src/switch/angular/index.ts b/src/switch/angular/index.ts
@@ -6,7 +6,7 @@ import { Switch } from '@nativescript-community/ui-material-switch';
 export class MaterialSwitchDirective {}
 
 @NgModule({
-    declarations: [MaterialSwitchDirective],
+    imports: [MaterialSwitchDirective],
     exports: [MaterialSwitchDirective]
 })
 export class NativeScriptMaterialSwitchModule {}
diff --git a/src/tabs/angular/index.ts b/src/tabs/angular/index.ts
@@ -6,7 +6,7 @@ import { TabContentItem, TabStrip, TabStripItem, Tabs } from '@nativescript-comm
 export class MaterialTabsDirective {}
 
 @NgModule({
-    declarations: [MaterialTabsDirective],
+    imports: [MaterialTabsDirective],
     exports: [MaterialTabsDirective]
 })
 export class NativeScriptMaterialTabsModule {}
diff --git a/src/textfield/angular/index.ts b/src/textfield/angular/index.ts
@@ -6,7 +6,7 @@ export { TextValueAccessor };
 export const FORMS_DIRECTIVES = [TextValueAccessor];
 
 @NgModule({
-    declarations: FORMS_DIRECTIVES,
+    imports: FORMS_DIRECTIVES,
     exports: FORMS_DIRECTIVES
 })
 export class NativeScriptMaterialTextFieldModule {}
diff --git a/src/textview/angular/index.ts b/src/textview/angular/index.ts
@@ -8,7 +8,7 @@ export { TextValueAccessor };
 export const FORMS_DIRECTIVES = [TextValueAccessor];
 
 @NgModule({
-    declarations: FORMS_DIRECTIVES,
+    imports: FORMS_DIRECTIVES,
     exports: FORMS_DIRECTIVES,
 })
 export class NativeScriptMaterialTextViewModule {}
diff --git a/src/textview/textview.android.ts b/src/textview/textview.android.ts
@@ -37,6 +37,9 @@ let filledId;
 let outlineId;
 let noneId;
 export class TextView extends TextViewBase {
+    //TODO: remove as it needs to be added after TS 5.7 change https://github.com/microsoft/TypeScript/pull/59860
+    [key: symbol]: (...args: any[]) => any | void;
+    
     editText: com.nativescript.material.textview.TextViewInputEditText;
     layoutView: com.google.android.material.textfield.TextInputLayout;
 
diff --git a/tsconfig.vue3.json b/tsconfig.vue3.json
@@ -8,7 +8,6 @@
     },
     "include": [
         "./src/bottomsheet/vue3", 
-        "./packages/bottomsheet/vue3",
         "./demo-snippets/vue3"
     ]
 }
