@ng-native/expo 0.4.0 → 0.6.0

package/dist/ui-bottom-sheet-view.js

@@ -0,0 +1,55 @@
+/**
+ * `<ui-bottom-sheet-view>`: `@expo/ui`'s sheet itself, with each platform's props typed.
+ *
+ * `UiBottomSheet` in `expo-ui-components.ts` is the component an app uses, and this is the native
+ * view inside it: SwiftUI's `BottomSheetView` on iOS, Compose's `ModalBottomSheetView` on Android.
+ * It has an element name of its own because `ui-bottom-sheet` is that component's, and a
+ * component's template takes its own selector to be the component again.
+ *
+ * The two views share no prop. An input left unset never reaches native, so the component sets
+ * the ones the platform reads. The events are outputs for their type only, as with the other
+ * `@expo/ui` components: the element's own event is what arrives.
+ */
+import { Component, ElementRef, inject, input, output } from '@angular/core';
+import { keepNativeView } from '@ng-native/fabric';
+import * as i0 from "@angular/core";
+export class UiBottomSheetView {
+    /** SwiftUI: whether the sheet is presented. The view stays in the tree either way. */
+    isPresented = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "isPresented" }] : /* istanbul ignore next */ []));
+    /** SwiftUI: the sheet's one detent is the height of its content. */
+    fitToContents = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "fitToContents" }] : /* istanbul ignore next */ []));
+    /** Compose: whether the drag handle is drawn. */
+    showDragHandle = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "showDragHandle" }] : /* istanbul ignore next */ []));
+    /** Compose: the sheet opens at its full height rather than resting at half the screen's. */
+    skipPartiallyExpanded = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "skipPartiallyExpanded" }] : /* istanbul ignore next */ []));
+    /** SwiftUI: the user dismissed the sheet, or it was presented by something other than the prop. */
+    isPresentedChange = output();
+    /** SwiftUI: the sheet has finished dismissing, whoever dismissed it. */
+    dismiss = output();
+    /** Compose: the user dismissed the sheet, which stays until it leaves the tree. */
+    dismissRequest = output();
+    constructor() {
+        // The host is the registered native view, not a plain one: see `keepNativeView`.
+        keepNativeView(inject(ElementRef).nativeElement);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: UiBottomSheetView, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.0", type: UiBottomSheetView, isStandalone: true, selector: "ui-bottom-sheet-view", inputs: { isPresented: { classPropertyName: "isPresented", publicName: "isPresented", isSignal: true, isRequired: false, transformFunction: null }, fitToContents: { classPropertyName: "fitToContents", publicName: "fitToContents", isSignal: true, isRequired: false, transformFunction: null }, showDragHandle: { classPropertyName: "showDragHandle", publicName: "showDragHandle", isSignal: true, isRequired: false, transformFunction: null }, skipPartiallyExpanded: { classPropertyName: "skipPartiallyExpanded", publicName: "skipPartiallyExpanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isPresentedChange: "isPresentedChange", dismiss: "dismiss", dismissRequest: "dismissRequest" }, host: { properties: { "isPresented": "isPresented()", "fitToContents": "fitToContents()", "showDragHandle": "showDragHandle()", "skipPartiallyExpanded": "skipPartiallyExpanded()" } }, ngImport: i0, template: '<ng-content />', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: UiBottomSheetView, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-bottom-sheet-view',
+                    template: '<ng-content />',
+                    host: {
+                        '[isPresented]': 'isPresented()',
+                        '[fitToContents]': 'fitToContents()',
+                        '[showDragHandle]': 'showDragHandle()',
+                        '[skipPartiallyExpanded]': 'skipPartiallyExpanded()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { isPresented: [{ type: i0.Input, args: [{ isSignal: true, alias: "isPresented", required: false }] }], fitToContents: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitToContents", required: false }] }], showDragHandle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDragHandle", required: false }] }], skipPartiallyExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "skipPartiallyExpanded", required: false }] }], isPresentedChange: [{ type: i0.Output, args: ["isPresentedChange"] }], dismiss: [{ type: i0.Output, args: ["dismiss"] }], dismissRequest: [{ type: i0.Output, args: ["dismissRequest"] }] } });
+//# sourceMappingURL=ui-bottom-sheet-view.js.map

package/dist/ui-bottom-sheet-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-bottom-sheet-view.js","sourceRoot":"","sources":["../src/ui-bottom-sheet-view.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAA6B,cAAc,EAAE,MAAM,mBAAmB,CAAC;;AAe9E,MAAM,OAAO,iBAAiB;IAC5B,sFAAsF;IAC7E,WAAW,GAAG,KAAK;+FAAW,CAAC;IACxC,oEAAoE;IAC3D,aAAa,GAAG,KAAK;iGAAW,CAAC;IAC1C,iDAAiD;IACxC,cAAc,GAAG,KAAK;kGAAW,CAAC;IAC3C,4FAA4F;IACnF,qBAAqB,GAAG,KAAK;yGAAW,CAAC;IAClD,mGAAmG;IAC1F,iBAAiB,GAAG,MAAM,EAA+B,CAAC;IACnE,wEAAwE;IAC/D,OAAO,GAAG,MAAM,EAA+C,CAAC;IACzE,mFAAmF;IAC1E,cAAc,GAAG,MAAM,EAA+C,CAAC;IAEhF;QACE,iFAAiF;QACjF,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC;IACnD,CAAC;uGAnBU,iBAAiB;2FAAjB,iBAAiB,o9BARlB,gBAAgB;;2FAQf,iBAAiB;kBAV7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,eAAe,EAAE,eAAe;wBAChC,iBAAiB,EAAE,iBAAiB;wBACpC,kBAAkB,EAAE,kBAAkB;wBACtC,yBAAyB,EAAE,yBAAyB;qBACrD;iBACF","sourcesContent":["/**\n * `<ui-bottom-sheet-view>`: `@expo/ui`'s sheet itself, with each platform's props typed.\n *\n * `UiBottomSheet` in `expo-ui-components.ts` is the component an app uses, and this is the native\n * view inside it: SwiftUI's `BottomSheetView` on iOS, Compose's `ModalBottomSheetView` on Android.\n * It has an element name of its own because `ui-bottom-sheet` is that component's, and a\n * component's template takes its own selector to be the component again.\n *\n * The two views share no prop. An input left unset never reaches native, so the component sets\n * the ones the platform reads. The events are outputs for their type only, as with the other\n * `@expo/ui` components: the element's own event is what arrives.\n */\nimport { Component, ElementRef, inject, input, output } from '@angular/core';\nimport { type NativeSyntheticEvent, keepNativeView } from '@ng-native/fabric';\n\n/** What SwiftUI's sheet sends when the user dismisses it: that it is no longer presented. */\nexport type UiBottomSheetPresentedEvent = NativeSyntheticEvent<{ readonly isPresented: boolean }>;\n\n@Component({\n  selector: 'ui-bottom-sheet-view',\n  template: '<ng-content />',\n  host: {\n    '[isPresented]': 'isPresented()',\n    '[fitToContents]': 'fitToContents()',\n    '[showDragHandle]': 'showDragHandle()',\n    '[skipPartiallyExpanded]': 'skipPartiallyExpanded()',\n  },\n})\nexport class UiBottomSheetView {\n  /** SwiftUI: whether the sheet is presented. The view stays in the tree either way. */\n  readonly isPresented = input<boolean>();\n  /** SwiftUI: the sheet's one detent is the height of its content. */\n  readonly fitToContents = input<boolean>();\n  /** Compose: whether the drag handle is drawn. */\n  readonly showDragHandle = input<boolean>();\n  /** Compose: the sheet opens at its full height rather than resting at half the screen's. */\n  readonly skipPartiallyExpanded = input<boolean>();\n  /** SwiftUI: the user dismissed the sheet, or it was presented by something other than the prop. */\n  readonly isPresentedChange = output<UiBottomSheetPresentedEvent>();\n  /** SwiftUI: the sheet has finished dismissing, whoever dismissed it. */\n  readonly dismiss = output<NativeSyntheticEvent<Record<string, never>>>();\n  /** Compose: the user dismissed the sheet, which stays until it leaves the tree. */\n  readonly dismissRequest = output<NativeSyntheticEvent<Record<string, never>>>();\n\n  constructor() {\n    // The host is the registered native view, not a plain one: see `keepNativeView`.\n    keepNativeView(inject(ElementRef).nativeElement);\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-native/expo",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "Expo modules as Angular services for Angular Native, plus registerExpoView for a module's native view.",
   "keywords": [
     "angular",
@@ -206,7 +206,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@ng-native/fabric": "0.4.0"
+    "@ng-native/fabric": "0.6.0"
   },
   "nx": {
     "tags": [