@mulsense/xnew 0.3.2 → 0.3.3

package/dist/addons/xmatter.d.ts

@@ -3,4 +3,5 @@ declare const _default: {
     readonly engine: any;
     readonly world: any;
 };
-export default _default;
+
+export { _default as default };

package/dist/addons/xpixi.d.ts

@@ -1,10 +1,10 @@
-import * as PIXI from 'pixi.js';
 declare const _default: {
     initialize({ renderer, canvas }?: any): void;
     nest(object: any): any;
-    sync(canvas: any): PIXI.Texture<PIXI.TextureSource<any>>;
+    sync(canvas: any): any;
     readonly renderer: any;
     readonly scene: any;
     readonly canvas: any;
 };
-export default _default;
+
+export { _default as default };

package/dist/addons/xrapier2d.d.ts

@@ -3,4 +3,5 @@ declare const _default: {
     connect(type: any, object: any): any;
     readonly world: any;
 };
-export default _default;
+
+export { _default as default };

package/dist/addons/xthree.d.ts

@@ -6,4 +6,5 @@ declare const _default: {
     readonly scene: any;
     readonly canvas: any;
 };
-export default _default;
+
+export { _default as default };

package/dist/xnew.js

@@ -1700,25 +1700,7 @@
     // heroicons
     // https://heroicons.com/outline
     // MIT License
-    function OutLineTemplate(unit, { frame, stroke = 'currentColor', strokeOpacity = 1.0, strokeWidth = 1.5, strokeLinejoin = 'round', strokeLinecap = 'round' } = {}) {
-        if (frame) {
-            xnew$1((unit) => {
-                xnew$1.nest(`<div style="position: absolute; margin: auto; width: 100%; height: 100%;">`);
-                xnew$1.nest('<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.0" stroke="currentColor">');
-                if (frame === 'circle') {
-                    xnew$1('<circle cx="12" cy="12" r="11">');
-                }
-                else if (frame === 'square') {
-                    xnew$1('<rect x="2" y="2" width="20" height="20" rx="0">');
-                }
-                else if (frame === 'rounded-square') {
-                    xnew$1('<rect x="2" y="2" width="20" height="20" rx="6">');
-                }
-            });
-        }
-        if (frame) {
-            xnew$1.nest(`<div style="position: absolute; inset: 0; margin: auto; width: 70%; height: 70%;">`);
-        }
+    function OutLineTemplate(unit, { stroke = 'currentColor', strokeOpacity = 1.0, strokeWidth = 1.5, strokeLinejoin = 'round', strokeLinecap = 'round' } = {}) {
         xnew$1.nest(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
       style="stroke-width: ${strokeWidth}; stroke: ${stroke}; stroke-opacity: ${strokeOpacity}; stroke-linejoin: ${strokeLinejoin}; stroke-linecap: ${strokeLinecap};"
     >`);
@@ -4061,7 +4043,7 @@
                     const unit = xnew();
                     if (music.played === null) {
                         music.play(options);
-                        unit.on('-finalize', () => music.pause({ fade: options.fade }));
+                        unit.on('finalize', () => music.pause({ fade: options.fade }));
                     }
                 },
                 pause(options) {

package/dist/xnew.mjs

@@ -1694,25 +1694,7 @@ class Synthesizer {
 // heroicons
 // https://heroicons.com/outline
 // MIT License
-function OutLineTemplate(unit, { frame, stroke = 'currentColor', strokeOpacity = 1.0, strokeWidth = 1.5, strokeLinejoin = 'round', strokeLinecap = 'round' } = {}) {
-    if (frame) {
-        xnew$1((unit) => {
-            xnew$1.nest(`<div style="position: absolute; margin: auto; width: 100%; height: 100%;">`);
-            xnew$1.nest('<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.0" stroke="currentColor">');
-            if (frame === 'circle') {
-                xnew$1('<circle cx="12" cy="12" r="11">');
-            }
-            else if (frame === 'square') {
-                xnew$1('<rect x="2" y="2" width="20" height="20" rx="0">');
-            }
-            else if (frame === 'rounded-square') {
-                xnew$1('<rect x="2" y="2" width="20" height="20" rx="6">');
-            }
-        });
-    }
-    if (frame) {
-        xnew$1.nest(`<div style="position: absolute; inset: 0; margin: auto; width: 70%; height: 70%;">`);
-    }
+function OutLineTemplate(unit, { stroke = 'currentColor', strokeOpacity = 1.0, strokeWidth = 1.5, strokeLinejoin = 'round', strokeLinecap = 'round' } = {}) {
     xnew$1.nest(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
       style="stroke-width: ${strokeWidth}; stroke: ${stroke}; stroke-opacity: ${strokeOpacity}; stroke-linejoin: ${strokeLinejoin}; stroke-linecap: ${strokeLinecap};"
     >`);
@@ -4055,7 +4037,7 @@ const audio = {
                 const unit = xnew();
                 if (music.played === null) {
                     music.play(options);
-                    unit.on('-finalize', () => music.pause({ fade: options.fade }));
+                    unit.on('finalize', () => music.pause({ fade: options.fade }));
                 }
             },
             pause(options) {

package/package.json

@@ -4,7 +4,7 @@
   "keywords": [
     "Component-Oriented Programming"
   ],
-  "version": "0.3.2",
+  "version": "0.3.3",
   "main": "dist/xnew.js",
   "module": "dist/xnew.mjs",
   "types": "dist/xnew.d.ts",

package/dist/types/audio/audio.d.ts

@@ -1,64 +0,0 @@
-export declare const context: AudioContext;
-export declare const master: GainNode;
-export type AudioFilePlayOptions = {
-    offset?: number;
-    fade?: number;
-    loop?: boolean;
-};
-export type AudioFilePauseOptions = {
-    fade?: number;
-};
-export declare class AudioFile {
-    private buffer?;
-    private source;
-    private amp;
-    private fade;
-    promise: Promise<void>;
-    played: number | null;
-    constructor(path: string);
-    set volume(value: number);
-    get volume(): number;
-    play({ offset, fade, loop }?: AudioFilePlayOptions): void;
-    pause({ fade }?: AudioFilePauseOptions): number | undefined;
-    clear(): void;
-}
-export type SynthesizerOptions = {
-    oscillator: OscillatorOptions;
-    amp: AmpOptions;
-    filter?: FilterOptions;
-    reverb?: ReverbOptions;
-    bpm?: number;
-};
-type OscillatorOptions = {
-    type: OscillatorType;
-    envelope?: Envelope;
-    LFO?: LFO;
-};
-type FilterOptions = {
-    type: BiquadFilterType;
-    cutoff: number;
-};
-type AmpOptions = {
-    envelope: Envelope;
-};
-type ReverbOptions = {
-    time: number;
-    mix: number;
-};
-type Envelope = {
-    amount: number;
-    ADSR: [number, number, number, number];
-};
-type LFO = {
-    amount: number;
-    type: OscillatorType;
-    rate: number;
-};
-export declare class Synthesizer {
-    props: SynthesizerOptions;
-    constructor(props: SynthesizerOptions);
-    press(frequency: number | string, duration?: number | string, wait?: number): {
-        release: () => void;
-    } | undefined;
-}
-export {};

package/dist/types/audio/file.d.ts

@@ -1,12 +0,0 @@
-export declare function load(path: string): AudioFile;
-declare class AudioFile {
-    buffer?: AudioBuffer;
-    promise: Promise<void>;
-    source?: AudioBufferSourceNode;
-    amp?: GainNode;
-    start: number | null;
-    constructor(path: string);
-    play(offset?: number, loop?: boolean): void;
-    pause(): number | undefined;
-}
-export {};

package/dist/types/audio/loader.d.ts

@@ -1,13 +0,0 @@
-export declare function load(path: string): AudioFile;
-declare class AudioFile {
-    data: any;
-    startTime: number | null;
-    source: AudioBufferSourceNode;
-    amp: GainNode;
-    constructor(path: string);
-    isReady(): boolean;
-    get promise(): Promise<void>;
-    play(offset?: number): void;
-    pause(): number | undefined;
-}
-export {};

package/dist/types/audio/synthesizer.d.ts

@@ -1,41 +0,0 @@
-export declare function synthesizer(props: SynthProps): Synthesizer;
-type SynthProps = {
-    oscillator: OscillatorOptions;
-    amp: AmpOptions;
-    filter?: FilterOptions;
-    reverb?: ReverbOptions;
-    bpm?: number;
-};
-type OscillatorOptions = {
-    type: OscillatorType;
-    envelope?: Envelope;
-    LFO?: LFO;
-};
-type FilterOptions = {
-    type: BiquadFilterType;
-    cutoff: number;
-};
-type AmpOptions = {
-    envelope: Envelope;
-};
-type ReverbOptions = {
-    time: number;
-    mix: number;
-};
-type Envelope = {
-    amount: number;
-    ADSR: [number, number, number, number];
-};
-type LFO = {
-    amount: number;
-    type: OscillatorType;
-    rate: number;
-};
-declare class Synthesizer {
-    props: SynthProps;
-    constructor(props: SynthProps);
-    press(frequency: number | string, duration?: number | string, wait?: number): {
-        release: () => void;
-    } | undefined;
-}
-export {};

package/dist/types/basics/Accordion.d.ts

@@ -1,20 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function AccordionFrame(frame: Unit, { open, duration, easing }?: {
-    open?: boolean;
-    duration?: number;
-    easing?: string;
-}): {
-    toggle(): void;
-    open(): void;
-    close(): void;
-};
-export declare function AccordionHeader(header: Unit, {}?: {}): void;
-export declare function AccordionBullet(bullet: Unit, { type }?: {
-    type?: string;
-}): void;
-export declare function AccordionContent(content: Unit, {}?: {}): {
-    transition({ element, rate }: {
-        element: HTMLElement;
-        rate: number;
-    }): void;
-};

package/dist/types/basics/Audio.d.ts

@@ -1,2 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function VolumeController(unit: Unit, {}?: {}): void;

package/dist/types/basics/Block.d.ts

@@ -1,24 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function Modal(self: xnew.Unit, { duration, easing }?: {
-    duration?: number | undefined;
-    easing?: string | undefined;
-}): {
-    open(): void;
-    close(): void;
-};
-export declare function Accordion(self: xnew.Unit, { open, duration, easing }?: {
-    open?: boolean | undefined;
-    duration?: number | undefined;
-    easing?: string | undefined;
-}): {
-    open(): void;
-    close(): void;
-    toggle(): void;
-};
-export declare function Tab(self: xnew.Unit, { duration, easing }?: {
-    duration?: number | undefined;
-    easing?: string | undefined;
-}): {
-    assign(name: string, component: Function): void;
-    select(name: string): void;
-};

package/dist/types/basics/Bullet.d.ts

@@ -1,7 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function BulletArrow(self: xnew.Unit, { rotate, color }?: {
-    rotate?: number;
-    color?: string;
-}): {
-    rotate(rotate: number, transition?: number, easing?: string): void;
-};

package/dist/types/basics/ControlPanel.d.ts

@@ -1,7 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function ControlPanel(self: xnew.Unit, {}?: {}): {
-    group(name: string): void;
-    button(name: string, component: Function, props?: any): void;
-    range(name: string, component: Function, props?: any): void;
-    select(name: string): void;
-};

package/dist/types/basics/Controller.d.ts

@@ -1,19 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function AnalogStick(unit: Unit, { stroke, strokeOpacity, strokeWidth, strokeLinejoin, fill, fillOpacity }?: {
-    stroke?: string;
-    strokeOpacity?: number;
-    strokeWidth?: number;
-    strokeLinejoin?: string;
-    diagonal?: boolean;
-    fill?: string;
-    fillOpacity?: number;
-}): void;
-export declare function DirectionalPad(unit: Unit, { diagonal, stroke, strokeOpacity, strokeWidth, strokeLinejoin, fill, fillOpacity }?: {
-    diagonal?: boolean;
-    stroke?: string;
-    strokeOpacity?: number;
-    strokeWidth?: number;
-    strokeLinejoin?: string;
-    fill?: string;
-    fillOpacity?: number;
-}): void;

package/dist/types/basics/Drag.d.ts

@@ -1,6 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function DragFrame(frame: Unit, { x, y }?: {
-    x?: number;
-    y?: number;
-}): void;
-export declare function DragTarget(target: Unit, {}?: {}): void;

package/dist/types/basics/Event.d.ts

@@ -1,4 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function ResizeEvent(resize: Unit): void;
-export declare function KeyboardEvent(keyboard: Unit): void;
-export declare function PointerEvent(unit: Unit): void;

package/dist/types/basics/File.d.ts

@@ -1 +0,0 @@
-export declare function File(data: string, filename: string, mimeType?: string): void;

package/dist/types/basics/Input.d.ts

@@ -1,8 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function InputRange(frame: Unit, { value, min, max, step, ...attributes }?: {
-    value?: number | string;
-    min?: number | string;
-    max?: number | string;
-    step?: number | string;
-    attributes?: Object;
-}): void;

package/dist/types/basics/KeyEvent.d.ts

@@ -1,2 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function KeyEvent(unit: xnew.Unit): void;

package/dist/types/basics/KeyboardEvent.d.ts

@@ -1,2 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function KeyboardEvent(unit: Unit): void;

package/dist/types/basics/Modal.d.ts

@@ -1,15 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function ModalFrame(frame: Unit, { duration, easing }?: {
-    duration?: number;
-    easing?: string;
-}): {
-    close(): void;
-};
-export declare function ModalContent(content: Unit, { background }?: {
-    background?: string;
-}): {
-    transition({ element, rate }: {
-        element: HTMLElement;
-        rate: number;
-    }): void;
-};

package/dist/types/basics/Navigation.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/basics/Panel.d.ts

@@ -1,6 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function PanelFrame(frame: xnew.Unit): void;
-export declare function PanelGroup(group: xnew.Unit, { name, open }?: {
-    name?: string;
-    open?: boolean;
-}): void;

package/dist/types/basics/PointerEvent.d.ts

@@ -1,2 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function PointerEvent(unit: Unit): void;

package/dist/types/basics/Popup.d.ts

@@ -1,8 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function Modal(self: xnew.Unit, { duration, easing }?: {
-    duration?: number | undefined;
-    easing?: string | undefined;
-}): {
-    open(): void;
-    close(): void;
-};

package/dist/types/basics/ResizeEvent.d.ts

@@ -1,2 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function ResizeEvent(resize: Unit): void;

package/dist/types/basics/Screen.d.ts

@@ -1,9 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function Screen(screen: Unit, { width, height, fit }?: {
-    width?: number | undefined;
-    height?: number | undefined;
-    fit?: string | undefined;
-}): {
-    readonly canvas: import("../core/unit").UnitElement;
-    resize(width: number, height: number): void;
-};

package/dist/types/basics/SubWIndow.d.ts

@@ -1,6 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function DragFrame(frame: xnew.Unit, { x, y }?: {
-    x?: number;
-    y?: number;
-}): void;
-export declare function DragTarget(target: xnew.Unit, {}?: {}): void;

package/dist/types/basics/Tab.d.ts

@@ -1,24 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function TabFrame(frame: Unit, { select }?: {
-    select?: string;
-}): void;
-export declare function TabButton(button: Unit, { key }?: {
-    key?: string;
-}): {
-    select({ element }: {
-        element: HTMLElement;
-    }): void;
-    deselect({ element }: {
-        element: HTMLElement;
-    }): void;
-};
-export declare function TabContent(content: Unit, { key }?: {
-    key?: string;
-}): {
-    select({ element }: {
-        element: HTMLElement;
-    }): void;
-    deselect({ element }: {
-        element: HTMLElement;
-    }): void;
-};

package/dist/types/basics/TabView.d.ts

@@ -1,18 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function TabFrame(frame: xnew.Unit, { select, duration, easing }?: {
-    select?: number | undefined;
-    duration?: number | undefined;
-    easing?: string | undefined;
-}): {
-    tabs: import("../core/unit").Unit[];
-    contents: import("../core/unit").Unit[];
-    select(index: number): void;
-};
-export declare function TabButton(self: xnew.Unit): {
-    select(): void;
-    deselect(): void;
-};
-export declare function TabContent(self: xnew.Unit): {
-    select(): void;
-    deselect(): void;
-};

package/dist/types/basics/Tabs.d.ts

@@ -1,8 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function Tabs(self: xnew.Unit, { duration, easing }?: {
-    duration?: number | undefined;
-    easing?: string | undefined;
-}): {
-    content(name: string, component: Function, props?: any): void;
-    select(name: string): void;
-};

package/dist/types/basics/Text.d.ts

@@ -1,6 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function TextStream(unit: Unit, { text, speed, fade }?: {
-    text?: string;
-    speed?: number;
-    fade?: number;
-}): void;

package/dist/types/basics/Touch.d.ts

@@ -1,28 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function TouchStick(self: xnew.Unit, { size, fill, fillOpacity, stroke, strokeOpacity, strokeWidth, strokeLinejoin }?: {
-    size?: number | undefined;
-    fill?: string | undefined;
-    fillOpacity?: number | undefined;
-    stroke?: string | undefined;
-    strokeOpacity?: number | undefined;
-    strokeWidth?: number | undefined;
-    strokeLinejoin?: string | undefined;
-}): void;
-export declare function TouchDPad(self: xnew.Unit, { size, fill, fillOpacity, stroke, strokeOpacity, strokeWidth, strokeLinejoin }?: {
-    size?: number | undefined;
-    fill?: string | undefined;
-    fillOpacity?: number | undefined;
-    stroke?: string | undefined;
-    strokeOpacity?: number | undefined;
-    strokeWidth?: number | undefined;
-    strokeLinejoin?: string | undefined;
-}): void;
-export declare function TouchButton(self: xnew.Unit, { size, fill, fillOpacity, stroke, strokeOpacity, strokeWidth, strokeLinejoin }?: {
-    size?: number | undefined;
-    fill?: string | undefined;
-    fillOpacity?: number | undefined;
-    stroke?: string | undefined;
-    strokeOpacity?: number | undefined;
-    strokeWidth?: number | undefined;
-    strokeLinejoin?: string | undefined;
-}): void;

package/dist/types/basics/Transition.d.ts

@@ -1,17 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function Modal(self: xnew.Unit, { duration, easing }?: {
-    duration?: number | undefined;
-    easing?: string | undefined;
-}): {
-    open(): void;
-    close(): void;
-};
-export declare function Accordion(self: xnew.Unit, { open, duration, easing }: {
-    open?: boolean | undefined;
-    duration?: number | undefined;
-    easing?: string | undefined;
-}): {
-    open(): void;
-    close(): void;
-    toggle(): void;
-};

package/dist/types/basics/UserEvent.d.ts

@@ -1,2 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function UserEvent(unit: xnew.Unit): void;

package/dist/types/basics/WorkSpace.d.ts

@@ -1,16 +0,0 @@
-import { xnew } from '../core/xnew';
-interface Position {
-    x: number | null | undefined;
-    y: number | null | undefined;
-}
-interface Transform {
-    position: Position | null | undefined;
-    rotation: number | null | undefined;
-    scale: number | null | undefined;
-}
-export declare function WorkSpace(self: xnew.Unit, attributes?: any): {
-    readonly transform: Transform;
-    move(transform: Transform): void;
-    update(): void;
-};
-export {};

package/dist/types/core/audio.d.ts

@@ -1,64 +0,0 @@
-export declare const context: AudioContext;
-export declare const master: GainNode;
-export type AudioFilePlayOptions = {
-    offset?: number;
-    fade?: number;
-    loop?: boolean;
-};
-export type AudioFilePauseOptions = {
-    fade?: number;
-};
-export declare class AudioFile {
-    private buffer?;
-    private source;
-    private amp;
-    private fade;
-    promise: Promise<void>;
-    played: number | null;
-    constructor(path: string);
-    set volume(value: number);
-    get volume(): number;
-    play({ offset, fade, loop }?: AudioFilePlayOptions): void;
-    pause({ fade }?: AudioFilePauseOptions): number | undefined;
-    clear(): void;
-}
-export type SynthesizerOptions = {
-    oscillator: OscillatorOptions;
-    amp: AmpOptions;
-    filter?: FilterOptions;
-    reverb?: ReverbOptions;
-    bpm?: number;
-};
-type OscillatorOptions = {
-    type: OscillatorType;
-    envelope?: Envelope;
-    LFO?: LFO;
-};
-type FilterOptions = {
-    type: BiquadFilterType;
-    cutoff: number;
-};
-type AmpOptions = {
-    envelope: Envelope;
-};
-type ReverbOptions = {
-    time: number;
-    mix: number;
-};
-type Envelope = {
-    amount: number;
-    ADSR: [number, number, number, number];
-};
-type LFO = {
-    amount: number;
-    type: OscillatorType;
-    rate: number;
-};
-export declare class Synthesizer {
-    props: SynthesizerOptions;
-    constructor(props: SynthesizerOptions);
-    press(frequency: number | string, duration?: number | string, wait?: number): {
-        release: () => void;
-    } | undefined;
-}
-export {};