ember-native 1.2.1 → 2.0.0

package/declarations/components/InspectorSupport.d.ts

@@ -29,4 +29,3 @@ export default class InspectorSupport extends Component<InspectorSupportInterfac
     }>;
 }
 export {};
-//# sourceMappingURL=InspectorSupport.d.ts.map

package/declarations/components/ListView.d.ts

@@ -28,4 +28,3 @@ export default class ListView<T> extends Component<ListViewInterface<T>> {
     }>;
 }
 export {};
-//# sourceMappingURL=ListView.d.ts.map

package/declarations/components/RadListView.d.ts

@@ -23,6 +23,7 @@ export default class RadListView<T = any> extends Component<RadListViewInterface
     private listView;
     private headerElement;
     private footerElement;
+    cleanup(listView: NativeElementNode<NativeRadListView>): void;
     get items(): {
         item: any;
         element: any;
@@ -38,4 +39,3 @@ export default class RadListView<T = any> extends Component<RadListViewInterface
     setupFooter: () => void;
 }
 export {};
-//# sourceMappingURL=RadListView.d.ts.map

package/declarations/components/index.d.ts

@@ -1,4 +1,3 @@
 export { default as ListView } from "./ListView";
 export { default as RadListView } from "./RadListView";
 export { default as InspectorSupport } from "./InspectorSupport";
-//# sourceMappingURL=index.d.ts.map

package/declarations/dom/element-registry.d.ts

@@ -13,4 +13,3 @@ export declare function getViewMeta(elementName: string): {
 };
 export declare function isKnownView(elementName: string): any;
 export declare function createElement<T extends keyof NativeElementsTagNameMap>(elementName: T): NativeElementsTagNameMap[T];
-//# sourceMappingURL=element-registry.d.ts.map

package/declarations/dom/native/FrameElement.d.ts

@@ -13,4 +13,3 @@ export default class FrameElement extends NativeElementNode {
     onInsertedChild(childNode: ViewNode): void;
     removeChild(childNode: NativeElementNode): void;
 }
-//# sourceMappingURL=FrameElement.d.ts.map

package/declarations/dom/native/NativeElementNode.d.ts

@@ -33,9 +33,16 @@ export default class NativeElementNode<T extends ViewBase | null = ViewBase> ext
     getBoundingClientRect(): {
         left: number;
         top: number;
+        right: number;
         bottom: number;
         width: number;
         height: number;
+    } | {
+        left: number;
+        top: number;
+        bottom: number;
+        width: number;
+        height: number;
+        right?: undefined;
     } | null;
 }
-//# sourceMappingURL=NativeElementNode.d.ts.map

package/declarations/dom/native/PageElement.d.ts

@@ -3,4 +3,3 @@ import NativeElementNode from './NativeElementNode.ts';
 export default class PageElement extends NativeElementNode<Page> {
     constructor();
 }
-//# sourceMappingURL=PageElement.d.ts.map

package/declarations/dom/native-elements-tag-name-map.d.ts

@@ -1,10 +1,35 @@
 import type NativeElementNode from './native/NativeElementNode.ts';
-import type { ListView, StackLayout } from '@nativescript/core';
-import type PageElement from './native/PageElement.ts';
 export interface NativeElementsTagNameMap {
-    'list-view': NativeElementNode<ListView>;
-    'stack-layout': NativeElementNode<StackLayout>;
-    page: PageElement;
+    property: NativeElementNode<null>;
     fragment: NativeElementNode<null>;
+    'rad-list-view': NativeElementNode<import('nativescript-ui-listview').RadListView>;
+    'list-view': NativeElementNode<import('@nativescript/core').ListView>;
+    'html-view': NativeElementNode<import('@nativescript/core').HtmlView>;
+    'scroll-view': NativeElementNode<import('@nativescript/core').ScrollView>;
+    'text-field': NativeElementNode<import('@nativescript/core').TextField>;
+    'text-view': NativeElementNode<import('@nativescript/core').TextView>;
+    'web-view': NativeElementNode<import('@nativescript/core').WebView>;
+    'content-view': NativeElementNode<import('@nativescript/core').ContentView>;
+    'tab-view': NativeElementNode<import('@nativescript/core').TabView>;
+    'tab-view-item': NativeElementNode<import('@nativescript/core').TabViewItem>;
+    switch: NativeElementNode<import('@nativescript/core').Switch>;
+    'formatted-string': NativeElementNode<import('@nativescript/core').FormattedString>;
+    frame: import('../dom/native/FrameElement.ts').default;
+    page: import('../dom/native/PageElement.ts').default;
+    span: NativeElementNode<import('@nativescript/core').Span>;
+    'action-bar': NativeElementNode<import('@nativescript/core').ActionBar>;
+    'action-item': NativeElementNode<import('@nativescript/core').ActionItem>;
+    comment: NativeElementNode<import('@nativescript/core').Placeholder>;
+    button: NativeElementNode<import('@nativescript/core').Button>;
+    'navigation-button': NativeElementNode<import('@nativescript/core').NavigationButton>;
+    image: NativeElementNode<import('@nativescript/core').Image>;
+    label: NativeElementNode<import('@nativescript/core').Label>;
+    'list-picker': NativeElementNode<import('@nativescript/core').ListPicker>;
+    'date-picker': NativeElementNode<import('@nativescript/core').DatePicker>;
+    'dock-layout': NativeElementNode<import('@nativescript/core').DockLayout>;
+    'wrap-layout': NativeElementNode<import('@nativescript/core').WrapLayout>;
+    'stack-layout': NativeElementNode<import('@nativescript/core').StackLayout>;
+    'grid-layout': NativeElementNode<import('@nativescript/core').GridLayout>;
+    'flexbox-layout': NativeElementNode<import('@nativescript/core').FlexboxLayout>;
+    'absolute-layout': NativeElementNode<import('@nativescript/core').AbsoluteLayout>;
 }
-//# sourceMappingURL=native-elements-tag-name-map.d.ts.map

package/declarations/dom/nodes/CommentNode.d.ts

@@ -4,4 +4,3 @@ export default class CommentNode extends ElementNode {
     text: any;
     constructor(text: any);
 }
-//# sourceMappingURL=CommentNode.d.ts.map

package/declarations/dom/nodes/DocumentNode.d.ts

@@ -17,11 +17,15 @@ export default class DocumentNode extends ViewNode {
     };
     static getInstance(): DocumentNode;
     constructor();
+    createEvent(eventInterface: string): {
+        eventInterface: string;
+        initEvent(type: string, bubbles: boolean, cancelable: boolean): void;
+    };
     createComment(text: string): CommentNode;
-    static createPropertyNode(tagName: string, propertyName: string): PropertyNode;
+    static createPropertyNode(tagName: string): PropertyNode;
     createElement(name: string): any;
     static createElement<T extends keyof NativeElementsTagNameMap>(tagName: T): NativeElementsTagNameMap[T];
-    createElementNS(_namespace: any, tagName: keyof NativeElementsTagNameMap): PageElement | NativeElementNode<import("@nativescript/core").ListView> | NativeElementNode<import("@nativescript/core").StackLayout> | NativeElementNode<null>;
+    createElementNS(_namespace: any, tagName: keyof NativeElementsTagNameMap): PageElement | NativeElementNode<import("@nativescript/core").Placeholder> | NativeElementNode<null> | NativeElementNode<import("nativescript-ui-listview").RadListView> | NativeElementNode<import("@nativescript/core").ListView> | NativeElementNode<import("@nativescript/core").HtmlView> | NativeElementNode<import("@nativescript/core").ScrollView> | NativeElementNode<import("@nativescript/core").TextField> | NativeElementNode<import("@nativescript/core").TextView> | NativeElementNode<import("@nativescript/core").WebView> | NativeElementNode<import("@nativescript/core").ContentView> | NativeElementNode<import("@nativescript/core").TabView> | NativeElementNode<import("@nativescript/core").TabViewItem> | NativeElementNode<import("@nativescript/core").Switch> | NativeElementNode<import("@nativescript/core").FormattedString> | import("../native/FrameElement.ts").default | NativeElementNode<import("@nativescript/core").Span> | NativeElementNode<import("@nativescript/core").ActionBar> | NativeElementNode<import("@nativescript/core").ActionItem> | NativeElementNode<import("@nativescript/core").Button> | NativeElementNode<import("@nativescript/core").NavigationButton> | NativeElementNode<import("@nativescript/core").Image> | NativeElementNode<import("@nativescript/core").Label> | NativeElementNode<import("@nativescript/core").ListPicker> | NativeElementNode<import("@nativescript/core").DatePicker> | NativeElementNode<import("@nativescript/core").DockLayout> | NativeElementNode<import("@nativescript/core").WrapLayout> | NativeElementNode<import("@nativescript/core").StackLayout> | NativeElementNode<import("@nativescript/core").GridLayout> | NativeElementNode<import("@nativescript/core").FlexboxLayout> | NativeElementNode<import("@nativescript/core").AbsoluteLayout>;
     createTextNode(text: string): TextNode;
     addEventListener(event: string, callback: EventListener): void;
     removeEventListener(event: string, handler: EventListener): void;
@@ -44,4 +48,3 @@ export default class DocumentNode extends ViewNode {
         getAttribute(): string;
     } | undefined;
 }
-//# sourceMappingURL=DocumentNode.d.ts.map

package/declarations/dom/nodes/ElementNode.d.ts

@@ -7,12 +7,16 @@ export interface IClassList {
 }
 export default class ElementNode extends ViewNode {
     _classList: IClassList;
+    _id: string;
+    static ELEMENT_NODE: number;
+    static ATTRIBUTE_NODE: number;
+    static TEXT_NODE: number;
+    static DOCUMENT_NODE: number;
     constructor(tagName: string);
     get id(): string;
-    set id(value: string);
+    set id(v: string);
     get classList(): IClassList;
     appendChild(childNode: ViewNode): void;
     insertBefore(childNode: ViewNode, referenceNode: ViewNode): void;
     removeChild(childNode: ViewNode): void;
 }
-//# sourceMappingURL=ElementNode.d.ts.map

package/declarations/dom/nodes/PropertyNode.d.ts

@@ -1,13 +1,11 @@
 import ElementNode from './ElementNode.ts';
 import ViewNode from './ViewNode.ts';
 export default class PropertyNode extends ElementNode {
-    propertyName: string;
-    propertyTagName: string;
-    constructor(tagName: string, propertyName: string);
+    constructor(tagName: string);
+    get propertyName(): string;
     onInsertedChild(): void;
     onRemovedChild(): void;
     toString(): string;
     setOnNode(parent: ViewNode | null): void;
     clearOnNode(parent: ViewNode): void;
 }
-//# sourceMappingURL=PropertyNode.d.ts.map

package/declarations/dom/nodes/TextNode.d.ts

@@ -7,4 +7,3 @@ export default class TextNode extends ViewNode {
     get parentNode(): ViewNode | null;
     setText(text: string): void;
 }
-//# sourceMappingURL=TextNode.d.ts.map

package/declarations/dom/nodes/ViewNode.d.ts

@@ -12,6 +12,7 @@ export default class ViewNode {
     nextSibling: ViewNode | null;
     _ownerDocument: any;
     _meta: any;
+    get textContent(): string;
     getElementById(id: string): any;
     getElementByClass(klass: string): any;
     getElementByTagName(tagName: string): any;
@@ -46,4 +47,3 @@ export default class ViewNode {
         height: number;
     } | null;
 }
-//# sourceMappingURL=ViewNode.d.ts.map

package/declarations/dom/setup-registry.d.ts

@@ -2,4 +2,3 @@ import { View } from '@nativescript/core';
 import { type ComponentMeta } from './native/NativeElementNode.ts';
 export declare function registerNativeElement(elementName: string, resolver: () => typeof View, meta?: ComponentMeta | null): void;
 export declare function registerElements(): void;
-//# sourceMappingURL=setup-registry.d.ts.map

package/declarations/index.d.ts

@@ -1,4 +1,3 @@
 export { setup } from './setup.ts';
 export { setupInspectorSupport } from './setup-inspector-support.ts';
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map
+export * from "./components/index";

package/declarations/instance-initializers/history.d.ts

@@ -5,4 +5,3 @@ declare const Initializer: {
     initialize(application: ApplicationInstance): void;
 };
 export default Initializer;
-//# sourceMappingURL=history.d.ts.map

package/declarations/instance-initializers/webpack-hot-reload.d.ts

@@ -0,0 +1,6 @@
+import ApplicationInstance from '@ember/application/instance';
+export declare function initialize(application: ApplicationInstance): void;
+declare const _default: {
+    initialize: typeof initialize;
+};
+export default _default;

package/declarations/services/history.d.ts

@@ -7,6 +7,8 @@ export default class HistoryService extends Service {
     nativeRouter: NativeRouter;
     stack: Transition[];
     setup(): void;
+    activityBackPressed: (args: {
+        cancel: boolean;
+    }) => void;
     back: () => boolean;
 }
-//# sourceMappingURL=history.d.ts.map

package/declarations/services/native-router.d.ts

@@ -12,4 +12,3 @@ export default class NativeRouter extends Service {
         animated: boolean;
     }): Transition;
 }
-//# sourceMappingURL=native-router.d.ts.map

package/declarations/services/webpack-hot-reload.d.ts

@@ -0,0 +1,13 @@
+import Service from '@ember/service';
+import RouterService from '@ember/routing/router-service';
+export default class WebpackHotReload extends Service {
+    container: any;
+    router: RouterService;
+    constructor(...args: any);
+    getLatestChange(obj: any): any;
+}
+declare module '@ember/service' {
+    interface Registry {
+        'hot-reload': WebpackHotReload;
+    }
+}

package/declarations/setup-inspector-support.d.ts

@@ -1,2 +1 @@
 export declare function setupInspectorSupport(config: any): void;
-//# sourceMappingURL=setup-inspector-support.d.ts.map

package/declarations/setup.d.ts

@@ -1,2 +1 @@
 export declare function setup(): void;
-//# sourceMappingURL=setup.d.ts.map

package/declarations/types/glint.d.ts

@@ -1,11 +1,12 @@
 import NativeElementNode from '../dom/native/NativeElementNode';
 import '@glint/environment-ember-template-imports/globals';
 import '@glint/template/-private/dsl/emit';
-import type { ComponentLike } from '@glint/template';
+import type { ComponentLike, ModifierLike } from '@glint/template';
 import type { ViewBase } from '@nativescript/core';
 import 'ember-modifier';
 import type { EmptyObject, NamedArgs, PositionalArgs } from 'ember-modifier/-private/signature';
 import type { FunctionBasedModifier, Teardown } from 'ember-modifier/-private/function-based/modifier';
+import type { NativeElementsTagNameMap } from '../dom/native-elements-tag-name-map.ts';
 declare module 'ember-modifier' {
     type ViewNode<T extends ViewBase> = import('../dom/native/NativeElementNode').default<T>;
     function modifier<E extends ViewNode<T>, P extends unknown[] = [], N = EmptyObject, T extends ViewBase = ViewBase>(fn: (element: E, positional: P, named: N) => void | Teardown): FunctionBasedModifier<{
@@ -41,7 +42,26 @@ declare module '@glint/environment-ember-template-imports/globals' {
     }
 }
 declare module '@glint/template/-private/dsl/emit' {
+    function emitElement<Name extends string>(name: Name): {
+        element: Name extends keyof NativeElementsTagNameMap ? NativeElementsTagNameMap[Name] : NativeElementNode<null>;
+    };
+    function applySplattributes<SourceElement extends NativeElementNode<any>, TargetElement extends SourceElement>(source: SourceElement, target: TargetElement): void;
     function applyAttributes<T extends ViewBase>(element: NativeElementNode<T>, attrs: Record<string, any>): void;
     function applySplattributes<T extends ViewBase, SourceElement extends NativeElementNode<T>, TargetElement extends SourceElement>(source: SourceElement, target: TargetElement): void;
 }
-//# sourceMappingURL=glint.d.ts.map
+declare module '@ember/modifier' {
+    interface OnModifierArgs {
+        capture?: boolean;
+        once?: boolean;
+        passive?: boolean;
+    }
+    type OnModifierType = abstract new <Name extends string>() => InstanceType<ModifierLike<{
+        Element: NativeElementNode<ViewBase>;
+        Args: {
+            Named: OnModifierArgs;
+            Positional: [name: Name, callback: (event: any) => void];
+        };
+    }>>;
+    interface OnModifier extends OnModifierType {
+    }
+}

package/declarations/types/globals.d.ts

@@ -22,38 +22,35 @@ declare module 'loader.js' {
     const require: AnyFunction;
     const define: AnyFunction;
 }
-type ViewBase = import('@nativescript/core').ViewBase;
-type NativeElementNode<T extends ViewBase> = import('../dom/native/NativeElementNode').default<T>;
 interface HTMLElementTagNameMap {
-    'rad-list-view': NativeElementNode<import('nativescript-ui-listview').RadListView>;
-    'list-view': NativeElementNode<import('@nativescript/core').ListView>;
-    'html-view': NativeElementNode<import('@nativescript/core').HtmlView>;
-    'scroll-view': NativeElementNode<import('@nativescript/core').ScrollView>;
-    'text-field': NativeElementNode<import('@nativescript/core').TextField>;
-    'text-view': NativeElementNode<import('@nativescript/core').TextView>;
-    'web-view': NativeElementNode<import('@nativescript/core').WebView>;
-    'content-view': NativeElementNode<import('@nativescript/core').ContentView>;
-    'tab-view': NativeElementNode<import('@nativescript/core').TabView>;
-    'tab-view-item': NativeElementNode<import('@nativescript/core').TabViewItem>;
-    switch: NativeElementNode<import('@nativescript/core').Switch>;
-    'formatted-string': NativeElementNode<import('@nativescript/core').FormattedString>;
+    'rad-list-view': import('../dom/native/NativeElementNode').default<import('nativescript-ui-listview').RadListView>;
+    'list-view': import('../dom/native/NativeElementNode').default<import('@nativescript/core').ListView>;
+    'html-view': import('../dom/native/NativeElementNode').default<import('@nativescript/core').HtmlView>;
+    'scroll-view': import('../dom/native/NativeElementNode').default<import('@nativescript/core').ScrollView>;
+    'text-field': import('../dom/native/NativeElementNode').default<import('@nativescript/core').TextField>;
+    'text-view': import('../dom/native/NativeElementNode').default<import('@nativescript/core').TextView>;
+    'web-view': import('../dom/native/NativeElementNode').default<import('@nativescript/core').WebView>;
+    'content-view': import('../dom/native/NativeElementNode').default<import('@nativescript/core').ContentView>;
+    'tab-view': import('../dom/native/NativeElementNode').default<import('@nativescript/core').TabView>;
+    'tab-view-item': import('../dom/native/NativeElementNode').default<import('@nativescript/core').TabViewItem>;
+    switch: import('../dom/native/NativeElementNode').default<import('@nativescript/core').Switch>;
+    'formatted-string': import('../dom/native/NativeElementNode').default<import('@nativescript/core').FormattedString>;
     frame: import('../dom/native/FrameElement.ts').default;
     page: import('../dom/native/PageElement.ts').default;
-    span: NativeElementNode<import('@nativescript/core').Span>;
-    'action-bar': NativeElementNode<import('@nativescript/core').ActionBar>;
-    'action-item': NativeElementNode<import('@nativescript/core').ActionItem>;
-    comment: NativeElementNode<import('@nativescript/core').Placeholder>;
-    button: NativeElementNode<import('@nativescript/core').Button>;
-    'navigation-button': NativeElementNode<import('@nativescript/core').NavigationButton>;
-    image: NativeElementNode<import('@nativescript/core').Image>;
-    label: NativeElementNode<import('@nativescript/core').Label>;
-    'list-picker': NativeElementNode<import('@nativescript/core').ListPicker>;
-    'date-picker': NativeElementNode<import('@nativescript/core').DatePicker>;
-    'dock-layout': NativeElementNode<import('@nativescript/core').DockLayout>;
-    'wrap-layout': NativeElementNode<import('@nativescript/core').WrapLayout>;
-    'stack-layout': NativeElementNode<import('@nativescript/core').StackLayout>;
-    'grid-layout': NativeElementNode<import('@nativescript/core').GridLayout>;
-    'flexbox-layout': NativeElementNode<import('@nativescript/core').FlexboxLayout>;
-    'absolute-layout': NativeElementNode<import('@nativescript/core').AbsoluteLayout>;
+    span: import('../dom/native/NativeElementNode').default<import('@nativescript/core').Span>;
+    'action-bar': import('../dom/native/NativeElementNode').default<import('@nativescript/core').ActionBar>;
+    'action-item': import('../dom/native/NativeElementNode').default<import('@nativescript/core').ActionItem>;
+    comment: import('../dom/native/NativeElementNode').default<import('@nativescript/core').Placeholder>;
+    button: import('../dom/native/NativeElementNode').default<import('@nativescript/core').Button>;
+    'navigation-button': import('../dom/native/NativeElementNode').default<import('@nativescript/core').NavigationButton>;
+    image: import('../dom/native/NativeElementNode').default<import('@nativescript/core').Image>;
+    label: import('../dom/native/NativeElementNode').default<import('@nativescript/core').Label>;
+    'list-picker': import('../dom/native/NativeElementNode').default<import('@nativescript/core').ListPicker>;
+    'date-picker': import('../dom/native/NativeElementNode').default<import('@nativescript/core').DatePicker>;
+    'dock-layout': import('../dom/native/NativeElementNode').default<import('@nativescript/core').DockLayout>;
+    'wrap-layout': import('../dom/native/NativeElementNode').default<import('@nativescript/core').WrapLayout>;
+    'stack-layout': import('../dom/native/NativeElementNode').default<import('@nativescript/core').StackLayout>;
+    'grid-layout': import('../dom/native/NativeElementNode').default<import('@nativescript/core').GridLayout>;
+    'flexbox-layout': import('../dom/native/NativeElementNode').default<import('@nativescript/core').FlexboxLayout>;
+    'absolute-layout': import('../dom/native/NativeElementNode').default<import('@nativescript/core').AbsoluteLayout>;
 }
-//# sourceMappingURL=globals.d.ts.map

package/dist/_app_/instance-initializers/ember-native/webpack-hot-reload.js

@@ -0,0 +1 @@
+export { default } from "ember-native/instance-initializers/webpack-hot-reload";

package/dist/_app_/services/ember-native/webpack-hot-reload.js

@@ -0,0 +1 @@
+export { default } from "ember-native/services/webpack-hot-reload";

package/dist/{_rollupPluginBabelHelpers-DZQzmiRH.js → _rollupPluginBabelHelpers-apNPIsxw.js}

@@ -2,16 +2,16 @@ function _applyDecoratedDescriptor(i, e, r, n, l) {
   var a = {};
   return Object.keys(n).forEach(function (i) {
     a[i] = n[i];
-  }), a.enumerable = !!a.enumerable, a.configurable = !!a.configurable, ("value" in a || a.initializer) && (a.writable = !0), a = r.slice().reverse().reduce(function (r, n) {
+  }), a.enumerable = !!a.enumerable, a.configurable = !!a.configurable, ("value" in a || a.initializer) && (a.writable = true), a = r.slice().reverse().reduce(function (r, n) {
     return n(i, e, r) || r;
   }, a), void 0 === a.initializer ? (Object.defineProperty(i, e, a), null) : a;
 }
 function _defineProperty(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
+    enumerable: true,
+    configurable: true,
+    writable: true
   }) : e[r] = t, e;
 }
 function _initializerDefineProperty(e, i, r, l) {
@@ -26,7 +26,7 @@ function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
-    var i = e.call(t, r || "default");
+    var i = e.call(t, r);
     if ("object" != typeof i) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -38,4 +38,4 @@ function _toPropertyKey(t) {
 }
 
 export { _defineProperty as _, _applyDecoratedDescriptor as a, _initializerDefineProperty as b };
-//# sourceMappingURL=_rollupPluginBabelHelpers-DZQzmiRH.js.map
+//# sourceMappingURL=_rollupPluginBabelHelpers-apNPIsxw.js.map

package/dist/_rollupPluginBabelHelpers-apNPIsxw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_rollupPluginBabelHelpers-apNPIsxw.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/InspectorSupport.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from '../_rollupPluginBabelHelpers-DZQzmiRH.js';
+import { _ as _defineProperty } from '../_rollupPluginBabelHelpers-apNPIsxw.js';
 import Component from '@glimmer/component';
 import { modifier } from 'ember-modifier';
 import { precompileTemplate } from '@ember/template-compilation';
@@ -12,10 +12,6 @@ const ref = modifier(function setRef(element, [context, key]) {
 class InspectorSupport extends Component {
   constructor(...args) {
     super(...args);
-    _defineProperty(this, "highlight", void 0);
-    _defineProperty(this, "tooltip", void 0);
-    _defineProperty(this, "page", void 0);
-    _defineProperty(this, "ownerDocument", void 0);
     _defineProperty(this, "setupInspector", () => {
       let i = setInterval(() => {
         const viewInspection = globalThis.EmberInspector?.viewDebug?.viewInspection;

package/dist/components/InspectorSupport.js.map

@@ -1 +1 @@
-{"version":3,"file":"InspectorSupport.js","sources":["../../src/components/InspectorSupport.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { modifier } from 'ember-modifier';\nimport ViewNode from '../dom/nodes/ViewNode.ts';\nimport NativeElementNode from '../dom/native/NativeElementNode.ts';\nimport DocumentNode from '../dom/nodes/DocumentNode.ts';\nimport type PageElement from '../dom/native/PageElement.ts';\n\nconst ref = modifier(function setRef(element: any, [context, key]: any) {\n  // console.log('ref', element, context, key);\n  context[key] = element;\n});\n\ninterface InspectorSupportInterface {\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class InspectorSupport extends Component<InspectorSupportInterface> {\n  declare highlight: NativeElementNode;\n  declare tooltip: NativeElementNode;\n  declare page: PageElement;\n  declare ownerDocument: DocumentNode;\n  setupInspector = () => {\n    let i = setInterval(() => {\n      const viewInspection =\n        globalThis.EmberInspector?.viewDebug?.viewInspection;\n      if (viewInspection && this.tooltip) {\n        this.tooltip.querySelector = () => {\n          return {\n            style: {},\n          };\n        };\n        viewInspection._showTooltip = () => {};\n        const _showHighlight = viewInspection._showHighlight;\n        viewInspection._hideHighlight = () => {\n          this.highlight.setAttribute('visibility', 'collapse');\n        };\n        viewInspection._showHighlight = (node: ViewNode, rect: any) => {\n          _showHighlight.call(this, node, rect);\n          this.highlight.setAttribute('visibility', 'visible');\n          const style = this.highlight.style as any;\n          style.width = (style.width as any).value;\n          style.height = (style.height as any).value;\n          const pos = this.page.nativeView.getLocationInWindow() || {\n            x: 0,\n            y: 0,\n          };\n          this.highlight.setAttribute(\n            'left',\n            Number(style.left!.replace('px', '')) - pos.x,\n          );\n          this.highlight.setAttribute(\n            'top',\n            Number(style.top!.replace('px', '')) - pos.y,\n          );\n        };\n        viewInspection.highlight = this.highlight;\n        viewInspection.tooltip = this.tooltip;\n        const id = viewInspection.id;\n\n        viewInspection.highlight.id = `ember-inspector-highlight-${id}`;\n        viewInspection.tooltip.id = `ember-inspector-tooltip-${id}`;\n        clearInterval(i);\n      }\n    }, 1000);\n  };\n\n  setupHighlight = modifier(\n    function setupHighlight(\n      this: InspectorSupport,\n      element: NativeElementNode,\n    ) {\n      this.highlight = element;\n      this.highlight.setAttribute('visibility', 'collapse');\n      this.ownerDocument = element.ownerDocument!;\n    }.bind(this),\n  );\n  setupTooltip = modifier(\n    function setupTooltip(this: InspectorSupport, element: NativeElementNode) {\n      this.tooltip = element;\n      this.tooltip.setAttribute('visibility', 'collapse');\n    }.bind(this),\n  );\n  <template>\n    <absolute-layout {{ref this 'page'}}>\n      <html-view {{this.setupHighlight}} />\n      <html-view {{this.setupTooltip}} zIndex='99' />\n      {{(this.setupInspector)}}\n      <content-view left='0' top='0' width='100%' height='100%'>\n        <frame>\n          {{yield}}\n        </frame>\n      </content-view>\n    </absolute-layout>\n  </template>\n}\n"],"names":["ref","modifier","setRef","element","context","key","InspectorSupport","Component","constructor","args","_defineProperty","setupInspector","i","setInterval","viewInspection","globalThis","EmberInspector","viewDebug","tooltip","querySelector","style","_showTooltip","_showHighlight","_hideHighlight","highlight","setAttribute","node","rect","call","width","value","height","pos","page","nativeView","getLocationInWindow","x","y","Number","left","replace","top","id","clearInterval","setupHighlight","ownerDocument","bind","setupTooltip","_InspectorSupport","template_1d7ed77b4cd648b38810efad49663872","strictMode","scope"],"mappings":"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"}
+{"version":3,"file":"InspectorSupport.js","sources":["../../src/components/InspectorSupport.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { modifier } from 'ember-modifier';\nimport ViewNode from '../dom/nodes/ViewNode.ts';\nimport NativeElementNode from '../dom/native/NativeElementNode.ts';\nimport DocumentNode from '../dom/nodes/DocumentNode.ts';\nimport type PageElement from '../dom/native/PageElement.ts';\n\nconst ref = modifier(function setRef(element: any, [context, key]: any) {\n  // console.log('ref', element, context, key);\n  context[key] = element;\n});\n\ninterface InspectorSupportInterface {\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class InspectorSupport extends Component<InspectorSupportInterface> {\n  declare highlight: NativeElementNode;\n  declare tooltip: NativeElementNode;\n  declare page: PageElement;\n  declare ownerDocument: DocumentNode;\n  setupInspector = () => {\n    let i = setInterval(() => {\n      const viewInspection =\n        globalThis.EmberInspector?.viewDebug?.viewInspection;\n      if (viewInspection && this.tooltip) {\n        this.tooltip.querySelector = () => {\n          return {\n            style: {},\n          };\n        };\n        viewInspection._showTooltip = () => {};\n        const _showHighlight = viewInspection._showHighlight;\n        viewInspection._hideHighlight = () => {\n          this.highlight.setAttribute('visibility', 'collapse');\n        };\n        viewInspection._showHighlight = (node: ViewNode, rect: any) => {\n          _showHighlight.call(this, node, rect);\n          this.highlight.setAttribute('visibility', 'visible');\n          const style = this.highlight.style as any;\n          style.width = (style.width as any).value;\n          style.height = (style.height as any).value;\n          const pos = this.page.nativeView.getLocationInWindow() || {\n            x: 0,\n            y: 0,\n          };\n          this.highlight.setAttribute(\n            'left',\n            Number(style.left!.replace('px', '')) - pos.x,\n          );\n          this.highlight.setAttribute(\n            'top',\n            Number(style.top!.replace('px', '')) - pos.y,\n          );\n        };\n        viewInspection.highlight = this.highlight;\n        viewInspection.tooltip = this.tooltip;\n        const id = viewInspection.id;\n\n        viewInspection.highlight.id = `ember-inspector-highlight-${id}`;\n        viewInspection.tooltip.id = `ember-inspector-tooltip-${id}`;\n        clearInterval(i);\n      }\n    }, 1000);\n  };\n\n  setupHighlight = modifier(\n    function setupHighlight(\n      this: InspectorSupport,\n      element: NativeElementNode,\n    ) {\n      this.highlight = element;\n      this.highlight.setAttribute('visibility', 'collapse');\n      this.ownerDocument = element.ownerDocument!;\n    }.bind(this),\n  );\n  setupTooltip = modifier(\n    function setupTooltip(this: InspectorSupport, element: NativeElementNode) {\n      this.tooltip = element;\n      this.tooltip.setAttribute('visibility', 'collapse');\n    }.bind(this),\n  );\n  <template>\n    <absolute-layout {{ref this 'page'}}>\n      <html-view {{this.setupHighlight}} />\n      <html-view {{this.setupTooltip}} zIndex='99' />\n      {{(this.setupInspector)}}\n      <content-view left='0' top='0' width='100%' height='100%'>\n        <frame>\n          {{yield}}\n        </frame>\n      </content-view>\n    </absolute-layout>\n  </template>\n}\n"],"names":["ref","modifier","setRef","element","context","key","InspectorSupport","Component","constructor","args","_defineProperty","setupInspector","i","setInterval","viewInspection","globalThis","EmberInspector","viewDebug","tooltip","querySelector","style","_showTooltip","_showHighlight","_hideHighlight","highlight","setAttribute","node","rect","call","width","value","height","pos","page","nativeView","getLocationInWindow","x","y","Number","left","replace","top","id","clearInterval","setupHighlight","ownerDocument","bind","setupTooltip","_InspectorSupport","template_fd9b2463e5f141cfb5666b64daa1f11a","strictMode","scope"],"mappings":"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"}

package/dist/components/ListView.js

@@ -1,4 +1,4 @@
-import { a as _applyDecoratedDescriptor, b as _initializerDefineProperty, _ as _defineProperty } from '../_rollupPluginBabelHelpers-DZQzmiRH.js';
+import { _ as _defineProperty, a as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../_rollupPluginBabelHelpers-apNPIsxw.js';
 import Component from '@glimmer/component';
 import { modifier } from 'ember-modifier';
 import { tracked } from '@glimmer/tracking';
@@ -16,6 +16,7 @@ let ListView = (_class = (_ListView = class ListView extends Component {
       function _getDefaultItemContent(index) {
         listViewComponent.cleanup(listView);
         const sl = DocumentNode.createElement('stack-layout');
+        listView.appendChild(sl);
         listViewComponent.elementRefs.push({
           element: sl,
           item: null,
@@ -33,7 +34,7 @@ let ListView = (_class = (_ListView = class ListView extends Component {
     }.bind(this)));
   }
   get items() {
-    return this.elementRefs.map(({
+    return this.elementRefs.filter(x => x.index < this.args.items.length).map(({
       element,
       index
     }) => {
@@ -48,7 +49,7 @@ let ListView = (_class = (_ListView = class ListView extends Component {
     for (const elementRef of this.elementRefs) {
       const n = elementRef.element.nativeView.nativeViewProtected;
       if (!n || !n.getWindowToken()) {
-        elementRef.element.parentNode.removeChild(elementRef.element);
+        elementRef.element.parentNode?.removeChild(elementRef.element);
         listView.nativeView._realizedItems.delete(elementRef.element.nativeView);
       }
     }

package/dist/components/ListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.js","sources":["../../src/components/ListView.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { modifier } from 'ember-modifier';\nimport type {\n  ListView as NativeListView,\n  StackLayout,\n} from '@nativescript/core';\nimport { tracked } from '@glimmer/tracking';\nimport NativeElementNode from '../dom/native/NativeElementNode.ts';\nimport DocumentNode from '../dom/nodes/DocumentNode.ts';\n\ninterface ListViewInterface<T> {\n  Element: NativeElementNode<NativeListView>;\n  Args: {\n    items: T[];\n  };\n  Blocks: {\n    item: [T | null];\n  };\n}\n\ntype Ref<T> = {\n  index: number;\n  item: T | null;\n  element: NativeElementNode<any>;\n};\n\nexport default class ListView<T> extends Component<ListViewInterface<T>> {\n  @tracked elementRefs: Ref<T>[] = [];\n\n  get items(): Ref<T>[] {\n    return this.elementRefs.map(({ element, index }) => {\n      return {\n        index,\n        item: this.args.items[index] || null,\n        element,\n      };\n    });\n  }\n\n  cleanup(listView: NativeElementNode<NativeListView>) {\n    for (const elementRef of this.elementRefs) {\n      const n = elementRef.element.nativeView.nativeViewProtected;\n      if (!n || !n.getWindowToken()) {\n        elementRef.element.parentNode!.removeChild(elementRef.element);\n        ((listView.nativeView as any)._realizedItems as any).delete(\n          elementRef.element.nativeView,\n        );\n      }\n    }\n    this.elementRefs = this.elementRefs.filter(\n      (e) => !!e.element.nativeView.nativeViewProtected?.getWindowToken(),\n    ) as Ref<T>[];\n  }\n\n  setupListView = modifier(\n    function setupListView(\n      this: ListView<T>,\n      listView: NativeElementNode<NativeListView>,\n    ) {\n      const listViewComponent = this;\n      function _getDefaultItemContent(index: number) {\n        listViewComponent.cleanup(listView);\n        const sl = DocumentNode.createElement('stack-layout');\n        listViewComponent.elementRefs.push({\n          element: sl,\n          item: null,\n          index,\n        });\n        listViewComponent.elementRefs = [...listViewComponent.elementRefs];\n        return sl.nativeView;\n      }\n      (listView.nativeView as any)._getDefaultItemContent =\n        _getDefaultItemContent;\n      (listView.nativeView as any)._prepareItem = (\n        stackLayout: StackLayout,\n        index: number,\n      ) => {\n        const ref = listViewComponent.elementRefs.find(\n          (e) => e.element.nativeView === stackLayout,\n        )!;\n        ref.index = index;\n        listViewComponent.elementRefs = [...listViewComponent.elementRefs];\n      };\n    }.bind(this),\n  );\n\n  <template>\n    <list-view {{this.setupListView}} items={{@items}} ...attributes />\n    {{#each this.items as |item|}}\n      {{#in-element item.element}}\n        {{yield item.item to='item'}}\n      {{/in-element}}\n    {{/each}}\n  </template>\n}\n"],"names":["ListView","_class","_ListView","Component","constructor","args","_initializerDefineProperty","_descriptor","_defineProperty","modifier","setupListView","listView","listViewComponent","_getDefaultItemContent","index","cleanup","sl","DocumentNode","createElement","elementRefs","push","element","item","nativeView","_prepareItem","stackLayout","ref","find","e","bind","items","map","elementRef","n","nativeViewProtected","getWindowToken","parentNode","removeChild","_realizedItems","delete","filter","setComponentTemplate","template_69f6c7d6bff6409c922e3159379aa91c","strictMode","_applyDecoratedDescriptor","prototype","tracked"],"mappings":"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"}
+{"version":3,"file":"ListView.js","sources":["../../src/components/ListView.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { modifier } from 'ember-modifier';\nimport type {\n  ListView as NativeListView,\n  StackLayout,\n} from '@nativescript/core';\nimport { tracked } from '@glimmer/tracking';\nimport NativeElementNode from '../dom/native/NativeElementNode.ts';\nimport DocumentNode from '../dom/nodes/DocumentNode.ts';\n\ninterface ListViewInterface<T> {\n  Element: NativeElementNode<NativeListView>;\n  Args: {\n    items: T[];\n  };\n  Blocks: {\n    item: [T | null];\n  };\n}\n\ntype Ref<T> = {\n  index: number;\n  item: T | null;\n  element: NativeElementNode<any>;\n};\n\nexport default class ListView<T> extends Component<ListViewInterface<T>> {\n  @tracked elementRefs: Ref<T>[] = [];\n\n  get items(): Ref<T>[] {\n    return this.elementRefs\n      .filter((x) => x.index < this.args.items.length)\n      .map(({ element, index }) => {\n        return {\n          index,\n          item: this.args.items[index] || null,\n          element,\n        };\n      });\n  }\n\n  cleanup(listView: NativeElementNode<NativeListView>) {\n    for (const elementRef of this.elementRefs) {\n      const n = elementRef.element.nativeView.nativeViewProtected;\n      if (!n || !n.getWindowToken()) {\n        elementRef.element.parentNode?.removeChild(elementRef.element);\n        ((listView.nativeView as any)._realizedItems as any).delete(\n          elementRef.element.nativeView,\n        );\n      }\n    }\n    this.elementRefs = this.elementRefs.filter(\n      (e) => !!e.element.nativeView.nativeViewProtected?.getWindowToken(),\n    ) as Ref<T>[];\n  }\n\n  setupListView = modifier(\n    function setupListView(\n      this: ListView<T>,\n      listView: NativeElementNode<NativeListView>,\n    ) {\n      const listViewComponent = this;\n      function _getDefaultItemContent(index: number) {\n        listViewComponent.cleanup(listView);\n        const sl = DocumentNode.createElement('stack-layout');\n        listView.appendChild(sl);\n        listViewComponent.elementRefs.push({\n          element: sl,\n          item: null,\n          index,\n        });\n        listViewComponent.elementRefs = [...listViewComponent.elementRefs];\n        return sl.nativeView;\n      }\n      (listView.nativeView as any)._getDefaultItemContent =\n        _getDefaultItemContent;\n      (listView.nativeView as any)._prepareItem = (\n        stackLayout: StackLayout,\n        index: number,\n      ) => {\n        const ref = listViewComponent.elementRefs.find(\n          (e) => e.element.nativeView === stackLayout,\n        )!;\n        ref.index = index;\n        listViewComponent.elementRefs = [...listViewComponent.elementRefs];\n      };\n    }.bind(this),\n  );\n\n  <template>\n    <list-view {{this.setupListView}} items={{@items}} ...attributes />\n    {{#each this.items as |item|}}\n      {{#in-element item.element}}\n        {{yield item.item to='item'}}\n      {{/in-element}}\n    {{/each}}\n  </template>\n}\n"],"names":["ListView","_class","_ListView","Component","constructor","args","_initializerDefineProperty","_descriptor","_defineProperty","modifier","setupListView","listView","listViewComponent","_getDefaultItemContent","index","cleanup","sl","DocumentNode","createElement","appendChild","elementRefs","push","element","item","nativeView","_prepareItem","stackLayout","ref","find","e","bind","items","filter","x","length","map","elementRef","n","nativeViewProtected","getWindowToken","parentNode","removeChild","_realizedItems","delete","setComponentTemplate","template_fd9b2463e5f141cfb5666b64daa1f11a","strictMode","_applyDecoratedDescriptor","prototype","tracked"],"mappings":"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"}

package/dist/components/RadListView.js

@@ -1,4 +1,4 @@
-import { a as _applyDecoratedDescriptor, b as _initializerDefineProperty, _ as _defineProperty } from '../_rollupPluginBabelHelpers-DZQzmiRH.js';
+import { a as _applyDecoratedDescriptor, _ as _defineProperty, b as _initializerDefineProperty } from '../_rollupPluginBabelHelpers-apNPIsxw.js';
 import Component from '@glimmer/component';
 import { modifier } from 'ember-modifier';
 import { tracked } from '@glimmer/tracking';
@@ -39,13 +39,15 @@ let RadListView = (_class2 = (_RadListView = class RadListView extends Component
     super(...args);
     _defineProperty(this, "elementRefs", new TrackedMap());
     _initializerDefineProperty(this, "listView", _descriptor2, this);
-    _defineProperty(this, "headerElement", void 0);
-    _defineProperty(this, "footerElement", void 0);
     _defineProperty(this, "setupListView", modifier(function setupListView(listView) {
       this.listView = listView;
+      listView.nativeView.on('itemRecyclingInternal', () => {
+        this.cleanup(listView);
+      });
       const listViewComponent = this;
       function _getDefaultItemContent() {
         const sl = DocumentNode.createElement('stack-layout');
+        listView.appendChild(sl);
         Object.defineProperty(sl.nativeView, 'parent', {
           get() {
             return this._parent;
@@ -83,6 +85,18 @@ let RadListView = (_class2 = (_RadListView = class RadListView extends Component
       this.footerElement = DocumentNode.createElement('stack-layout');
     });
   }
+  cleanup(listView) {
+    for (const [element] of [...this.elementRefs.entries()]) {
+      const n = element.nativeView.nativeViewProtected;
+      if (!n || !n.getWindowToken()) {
+        this.elementRefs.delete(element);
+        const idx = listView.childNodes.findIndex(c => c === element);
+        if (idx >= 0) {
+          listView.childNodes.splice(idx, 1);
+        }
+      }
+    }
+  }
   get items() {
     return [...this.elementRefs.entries()].map(([element, item]) => {
       return {