mount-observer 0.0.111 → 0.1.0

package/ts-refs/xtal-frappe-chart/types.d.ts

@@ -1,193 +0,0 @@
-//import {SimpleWCInfo} from 'may-it-be/SimpleWCInfo';
-
-declare interface WeakRef<S>{}
-
-export interface SelectedElement {
-    label: string;
-    values: any[];
-    index: number;
-}
-
-export interface SelectedElementEventDetail {
-    value: SelectedElement
-}
-
-export interface XtalFrappeChartEventNameMap {
-    'selected-element-changed': SelectedElementEventDetail;
-}
-
-export interface IAddDataPointParams {
-    label: string;
-    valueFromEachDataset: number[];
-    index?: number;
-}
-
-export interface XtalFrappeChartProps{
-    /**
-     * Data to be displayed in chart (JSON string for attribute)
-     */
-    data: HeatMapData | TabularData;
-    selectedElement: object,
-    value: object,
-    mainTemplate: HTMLTemplateElement | string,
-    clonedTemplate: DocumentFragment | undefined,
-    target: HTMLDivElement,
-    //refs: any,
-
-    /**
-     * Add new data point to chart
-     * 
-     */
-    newDataPoint: IAddDataPointParams;
-
-    /**
-     * Remove data point from chart
-    */
-    staleDataPoint: number;
-
-    /**
-     * Title of chart
-     */
-    chartTitle: string;
-
-    /**
-     * Height of chart
-     */
-    height: number;
-
-    /**
-     * Colors to be used in chart
-     */
-    colors: string[];
-
-    /**
-     * Type of chart to be displayed
-     */
-    type: ChartType;
-
-    /**
-     * Whether or not chart is navigable
-     */
-    isNavigable: boolean;
-
-    toolTipOptions: any;
-
-    isC: boolean;
-
-    chartContainerPart: WeakRef<HTMLDivElement>[];
-
-}
-
-export interface AllProps extends XtalFrappeChartProps{}
-
-
-export interface XtalFrappeChartActions{
-    createChart(self: XtalFrappeChartProps): void;
-    handleDataSelect(e: Event): void;
-}
-export type ChartType = 'axis-mixed' | 'bar' | 'line' | 'scatter' | 'pie' | 'percentage';
-
-export interface ChartOptions{
-    data?: HeatMapData | TabularData,
-    title?: string,
-    height?: number,
-    colors?: string[],
-    type?: ChartType,
-    toolTipOptions: any,
-    isNavigable: boolean,
-    
-}
-
-export interface ChartData{
-    tooltipOptions: TooltipOptions,
-    valuesOverPoints: OneOrZero,
-}
-
-export interface HeatMapData extends ChartData{
-    dataPoints: {[key: string]: number},
-    start: Date,
-    end: Date
-}
-//type TabularDataChartTypes = 'bar' | 'line';
-export interface DataSet{
-    name?: string,
-    values: number[]
-}
-export interface TabularData extends ChartData{
-    //type?: TabularDataChartTypes,
-    labels?: string[],
-    datasets?: any[],
-    yMarkers?: Marker[],
-    yRegions?: Region[],
-}
-
-export interface BarOptions{
-    spaceRatio: number,
-}
-
-export type OneOrZero = 0 | 1;
-
-export interface LineOptions{
-    dotSize: number,
-    regionFill: OneOrZero,
-    hideDots: OneOrZero,
-    hideLine: OneOrZero
-    heatLine: OneOrZero,
-
-}
-
-export type AxisMode = 'span' | 'tick'
-
-export interface AxisOptions{
-    xAxisMode?: AxisMode,
-    xIsSeries?: boolean,
-}
-
-export interface BarChartData extends TabularData{
-    barOptions?: BarOptions,
-    axisOptions?: AxisOptions
-}
-export interface LineChartData extends TabularData{
-    axisOptions?: AxisOptions,
-    lineOptions?: LineOptions
-}
-
-export type LeftRight = 'left' | 'right';
-
-export interface MarkerOptions{
-    labelPos?: LeftRight
-}
-
-export interface Marker{
-    label?: string,
-    value?: number,
-    options?: MarkerOptions
-}
-
-export interface RegionOptions{
-    labelPos?: LeftRight
-}
-
-export interface Region{
-    label?: string,
-    start?: number,
-    end?: number,
-    options?: RegionOptions,
-}
-
-export interface TooltipOptions{
-    formatTooltipX: (d: any) => string,
-    formatTooltipY: (d: any) => string,
-}
-
-/**
- * Web component wrapper around the cool Frappe chart (https://frappe.io/charts) library.
- */
-export abstract class XtalFrappeChartInfo{ //implements SimpleWCInfo<XtalFrappeChartProps>{
-    src: './xtal-frappe-chart.js';
-    tagName: 'xtal-frappe-chart';
-    props:  XtalFrappeChartProps;
-    methods: XtalFrappeChartActions;
-}
-
-export type Package = [XtalFrappeChartInfo];

package/upShadowSearch.js

@@ -1,25 +0,0 @@
-export function upShadowSearch(ref, id) {
-    let rn = ref.getRootNode();
-    while (rn) {
-        let test = rn.getElementById(id);
-        if (test)
-            return test;
-        if (rn.host) {
-            test = rn.host[id];
-            if (test instanceof HTMLElement)
-                return test;
-            rn = rn.host.getRootNode();
-        }
-        else if (rn === document) {
-            return null;
-        }
-        else if (!rn.isConnected) {
-            if (rn.targetFragment) {
-                rn = rn.targetFragment;
-            }
-            else {
-                rn = document;
-            }
-        }
-    }
-}

package/upShadowSearch.ts

@@ -1,23 +0,0 @@
-export function upShadowSearch(ref: Element, id: string){
-    let rn = ref.getRootNode() as any;
-    while(rn){
-        let test = rn.getElementById(id);
-        if(test) return test;
-        if(rn.host){
-            test = (<any>rn.host)[id];
-            if(test instanceof HTMLElement) return test;
-            rn = rn.host.getRootNode() as (DocumentFragment | ShadowRoot) & { host?: Element };
-        }else if(rn === document){
-            return null;
-        }else if(!rn.isConnected){
-            if(rn.targetFragment){
-                rn = rn.targetFragment;
-            }else{
-                rn = document;
-            }
-            
-
-        }
-    }
-}
-

package/waitForEvent.js

@@ -1,12 +0,0 @@
-export function waitForEvent(et, eventName, failureEventName) {
-    return new Promise((resolved, rejected) => {
-        et.addEventListener(eventName, e => {
-            resolved(e);
-        }, { once: true });
-        if (failureEventName !== undefined) {
-            et.addEventListener(failureEventName, e => {
-                rejected(e);
-            }, { once: true });
-        }
-    });
-}

package/waitForEvent.ts

@@ -1,13 +0,0 @@
-export function waitForEvent<TEvent extends Event = Event>(et: EventTarget, eventName: string, failureEventName?: string): Promise<TEvent>{
-    return new Promise((resolved, rejected) => {
-        et.addEventListener(eventName, e => {
-            resolved(e as TEvent);
-        }, {once: true});
-        if(failureEventName !== undefined){
-            et.addEventListener(failureEventName, e => {
-                rejected(e as TEvent);
-            },  {once: true});
-        }
-
-    });
-}

package/waitForIsh.js

@@ -1,21 +0,0 @@
-export function waitForIsh(el) {
-    return new Promise((resolve, reject) => {
-        const ish = el['ish']; // [TODO] should we make this something that can
-        // be passed in, more generic function -- waitForProperty?
-        if (ish.constructor !== Object) {
-            resolve(ish);
-        }
-        else {
-            // If the element is not yet defined, wait for it to be defined
-            el.addEventListener('ish', () => {
-                const ish = el['ish'];
-                if (ish) {
-                    resolve(ish);
-                }
-                else {
-                    reject(new Error('ish not found'));
-                }
-            }, { once: true });
-        }
-    });
-}

package/waitForIsh.ts

@@ -1,20 +0,0 @@
-export function waitForIsh(el: Element) : Promise<any> {
-    return new Promise((resolve, reject) => {
-        const ish = (<any>el)['ish']; // [TODO] should we make this something that can
-        // be passed in, more generic function -- waitForProperty?
-        if (ish.constructor !== Object) {
-            resolve(ish);
-        } else {
-            // If the element is not yet defined, wait for it to be defined
-            el.addEventListener('ish', () => {
-                const ish = (<any>el)['ish'];
-                if (ish) {
-                    resolve(ish);
-                } else {
-                    reject(new Error('ish not found'));
-                }
-            }, { once: true });
-            
-        }
-    });
-}