tweak-ui 0.4.2 → 0.5.0

package/dist/lib/components/controls/select.d.ts

@@ -1,60 +1,60 @@
-import { ComponentModel, ValueSource, ComponentAttrs } from '../../core';
-/**
- * @public
- */
-export declare type SelectOption = {
-    label: string;
-    value: unknown;
-    disabled?: boolean;
-};
-/**
- * @public
- */
-export declare type SelectOptionArray = Array<SelectOption | SelectOptionGroup | string | number>;
-/**
- * @public
- */
-export declare type SelectOptionsObject = {
-    [key: string]: unknown;
-};
-/**
- * @public
- */
-export declare type SelectOptionGroup<T = SelectOptionArray | SelectOptionsObject> = {
-    label: string;
-    options: T;
-    disabled?: boolean;
-};
-/**
- * Select component select options
- * @public
- */
-export declare type SelectModelOptions = SelectOptionArray | SelectOptionsObject;
-/**
- * Select component attributes
- * @public
- */
-export declare type SelectAttrs = ComponentAttrs<SelectModel>;
-/**
- * Select component model
- * @public
- */
-export interface SelectModel<T = unknown, V = any> extends ComponentModel, ValueSource<T, V> {
-    /**
-     * The type name of the control
-     */
-    type: 'select';
-    /**
-     * The select options
-     */
-    options?: SelectModelOptions;
-    /**
-     * This is called once the control value is committed by the user.
-     */
-    onChange?: (model: SelectModel<T>, value: unknown) => void;
-    /**
-     * Disables the control input
-     */
-    disabled?: boolean;
-}
+import { ComponentModel, ValueSource, ComponentAttrs } from '../../core';
+/**
+ * @public
+ */
+export type SelectOption = {
+    label: string;
+    value: unknown;
+    disabled?: boolean;
+};
+/**
+ * @public
+ */
+export type SelectOptionArray = Array<SelectOption | SelectOptionGroup | string | number>;
+/**
+ * @public
+ */
+export type SelectOptionsObject = {
+    [key: string]: unknown;
+};
+/**
+ * @public
+ */
+export type SelectOptionGroup<T = SelectOptionArray | SelectOptionsObject> = {
+    label: string;
+    options: T;
+    disabled?: boolean;
+};
+/**
+ * Select component select options
+ * @public
+ */
+export type SelectModelOptions = SelectOptionArray | SelectOptionsObject;
+/**
+ * Select component attributes
+ * @public
+ */
+export type SelectAttrs = ComponentAttrs<SelectModel>;
+/**
+ * Select component model
+ * @public
+ */
+export interface SelectModel<T = unknown, V = any> extends ComponentModel, ValueSource<T, V> {
+    /**
+     * The type name of the control
+     */
+    type: 'select';
+    /**
+     * The select options
+     */
+    options?: SelectModelOptions;
+    /**
+     * This is called once the control value is committed by the user.
+     */
+    onChange?: (model: SelectModel<T>, value: unknown) => void;
+    /**
+     * Disables the control input
+     */
+    disabled?: boolean;
+}
 //# sourceMappingURL=select.d.ts.map

package/dist/lib/components/controls/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/select.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,cAAc,EACd,WAAW,EACX,cAAc,EACf,MAAM,YAAY,CAAA;AAKnB;;GAEG;AACH,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD;;GAEG;AACH,oBAAY,iBAAiB,GAAG,KAAK,CACnC,YAAY,GAAG,iBAAiB,GAAG,MAAM,GAAG,MAAM,CACnD,CAAA;AACD;;GAEG;AACH,oBAAY,mBAAmB,GAAG;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB,CAAA;AACD;;GAEG;AACH,oBAAY,iBAAiB,CAAC,CAAC,GAAG,iBAAiB,GAAG,mBAAmB,IAAI;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,oBAAY,kBAAkB,GAAG,iBAAiB,GAAG,mBAAmB,CAAA;AAExE;;;GAGG;AACH,oBAAY,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAErD;;;GAGG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,GAAG,CAC/C,SAAQ,cAAc,EACpB,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAA;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1D;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/select.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,cAAc,EACd,WAAW,EACX,cAAc,EACf,MAAM,YAAY,CAAA;AAKnB;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,KAAK,CACnC,YAAY,GAAG,iBAAiB,GAAG,MAAM,GAAG,MAAM,CACnD,CAAA;AACD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB,CAAA;AACD;;GAEG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,iBAAiB,GAAG,mBAAmB,IAAI;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,mBAAmB,CAAA;AAExE;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAErD;;;GAGG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,GAAG,CAC/C,SAAQ,cAAc,EACpB,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAA;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1D;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

package/dist/lib/components/controls/select.js

@@ -0,0 +1,132 @@
+import m from 'mithril';
+import { getValue, component, setValue, } from '../../core';
+import { call, isNumber, isString, twuiClass, viewFn } from '../../core/utils';
+const emptyArray = [];
+function optionsFromFlatArray(arr) {
+    const res = [];
+    for (const it of arr) {
+        if (isString(it) || isNumber(it)) {
+            res.push({ value: it, label: String(it) });
+            continue;
+        }
+        if ('value' in it) {
+            res.push(it);
+            continue;
+        }
+    }
+    return res;
+}
+function optionsFromArray(arr) {
+    const res = [];
+    for (const it of arr) {
+        if (isString(it) || isNumber(it) || it == null) {
+            res.push({ value: it, label: String(it) });
+        }
+        else if ('value' in it) {
+            res.push(it);
+        }
+        else if ('options' in it) {
+            res.push({
+                label: it.label,
+                disabled: it.disabled,
+                options: Array.isArray(it.options)
+                    ? optionsFromFlatArray(it.options)
+                    : optionsFromObject(it.options),
+            });
+        }
+    }
+    return res;
+}
+function optionsFromObject(obj) {
+    return Object.keys(obj)
+        .sort()
+        .map((key) => ({ value: obj[key], label: key }));
+}
+function getOptions(node) {
+    const options = node.attrs.data.options;
+    if (!options) {
+        return emptyArray;
+    }
+    if (Array.isArray(options)) {
+        return optionsFromArray(options);
+    }
+    return optionsFromObject(options);
+}
+component('select', (node) => {
+    let options;
+    function getSelectedIndex() {
+        const data = node.attrs.data;
+        const value = getValue(data);
+        let i = 0;
+        for (const o0 of options) {
+            if ('options' in o0) {
+                for (const o1 of o0.options) {
+                    if (o1.value === value) {
+                        return i;
+                    }
+                    i++;
+                }
+            }
+            else {
+                if (o0.value === value) {
+                    return i;
+                }
+                i++;
+            }
+        }
+    }
+    function getSelectionAt(index) {
+        let i = 0;
+        for (const o0 of options) {
+            if ('options' in o0) {
+                for (const o1 of o0.options) {
+                    if (i === index) {
+                        return o1.value;
+                    }
+                    i += 1;
+                }
+            }
+            else {
+                if (i === index) {
+                    return o0.value;
+                }
+                i += 1;
+            }
+        }
+        return null;
+    }
+    function onChange(e) {
+        const el = e.target;
+        const data = node.attrs.data;
+        const value = getSelectionAt(el.selectedIndex);
+        const written = setValue(data, value);
+        call(data.onChange, data, written);
+    }
+    return {
+        view: viewFn((data) => {
+            options = getOptions(node);
+            return m('select', {
+                class: twuiClass(data.type),
+                selectedIndex: getSelectedIndex(),
+                onchange: onChange,
+                disabled: data.disabled,
+            }, options.map((it) => {
+                if ('options' in it) {
+                    return m('optgroup', {
+                        disabled: !!it.disabled,
+                        label: it.label || '',
+                    }, it.options.map(option));
+                }
+                return option(it);
+            }));
+        }),
+    };
+});
+function option(it) {
+    return m('option', {
+        value: it.value,
+        label: it.label,
+        disabled: !!it.disabled,
+    }, it.label || '');
+}
+//# sourceMappingURL=select.js.map

package/dist/lib/components/controls/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/lib/components/controls/select.ts"],"names":[],"mappings":"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","sourcesContent":["import m, { Child } from 'mithril'\r\n\r\nimport {\r\n  getValue,\r\n  component,\r\n  setValue,\r\n  ComponentModel,\r\n  ValueSource,\r\n  ComponentAttrs,\r\n} from '../../core'\r\nimport { call, isNumber, isString, twuiClass, viewFn } from '../../core/utils'\r\n\r\nconst emptyArray: any[] = []\r\n\r\n/**\r\n * @public\r\n */\r\nexport type SelectOption = {\r\n  label: string\r\n  value: unknown\r\n  disabled?: boolean\r\n}\r\n/**\r\n * @public\r\n */\r\nexport type SelectOptionArray = Array<\r\n  SelectOption | SelectOptionGroup | string | number\r\n>\r\n/**\r\n * @public\r\n */\r\nexport type SelectOptionsObject = {\r\n  [key: string]: unknown\r\n}\r\n/**\r\n * @public\r\n */\r\nexport type SelectOptionGroup<T = SelectOptionArray | SelectOptionsObject> = {\r\n  label: string\r\n  options: T\r\n  disabled?: boolean\r\n}\r\n\r\n/**\r\n * Select component select options\r\n * @public\r\n */\r\nexport type SelectModelOptions = SelectOptionArray | SelectOptionsObject\r\n\r\n/**\r\n * Select component attributes\r\n * @public\r\n */\r\nexport type SelectAttrs = ComponentAttrs<SelectModel>\r\n\r\n/**\r\n * Select component model\r\n * @public\r\n */\r\nexport interface SelectModel<T = unknown, V = any>\r\n  extends ComponentModel,\r\n    ValueSource<T, V> {\r\n  /**\r\n   * The type name of the control\r\n   */\r\n  type: 'select'\r\n  /**\r\n   * The select options\r\n   */\r\n  options?: SelectModelOptions\r\n  /**\r\n   * This is called once the control value is committed by the user.\r\n   */\r\n  onChange?: (model: SelectModel<T>, value: unknown) => void\r\n  /**\r\n   * Disables the control input\r\n   */\r\n  disabled?: boolean\r\n}\r\n\r\nfunction optionsFromFlatArray(arr: SelectOptionArray): SelectOption[] {\r\n  const res: SelectOption[] = []\r\n  for (const it of arr) {\r\n    if (isString(it) || isNumber(it)) {\r\n      res.push({ value: it, label: String(it) })\r\n      continue\r\n    }\r\n    if ('value' in it) {\r\n      res.push(it)\r\n      continue\r\n    }\r\n  }\r\n  return res\r\n}\r\n\r\nfunction optionsFromArray(\r\n  arr: SelectOptionArray,\r\n): Array<SelectOption | SelectOptionGroup<SelectOption[]>> {\r\n  const res: Array<SelectOption | SelectOptionGroup<SelectOption[]>> = []\r\n  for (const it of arr) {\r\n    if (isString(it) || isNumber(it) || it == null) {\r\n      res.push({ value: it, label: String(it) })\r\n    } else if ('value' in it) {\r\n      res.push(it)\r\n    } else if ('options' in it) {\r\n      res.push({\r\n        label: it.label,\r\n        disabled: it.disabled,\r\n        options: Array.isArray(it.options)\r\n          ? optionsFromFlatArray(it.options)\r\n          : optionsFromObject(it.options),\r\n      })\r\n    }\r\n  }\r\n  return res\r\n}\r\n\r\nfunction optionsFromObject(obj: SelectOptionsObject): Array<SelectOption> {\r\n  return Object.keys(obj)\r\n    .sort()\r\n    .map((key) => ({ value: obj[key], label: key }))\r\n}\r\n\r\nfunction getOptions(\r\n  node: m.Vnode<SelectAttrs>,\r\n): Array<SelectOption | SelectOptionGroup<SelectOption[]>> {\r\n  const options = node.attrs.data.options\r\n\r\n  if (!options) {\r\n    return emptyArray\r\n  }\r\n\r\n  if (Array.isArray(options)) {\r\n    return optionsFromArray(options)\r\n  }\r\n  return optionsFromObject(options)\r\n}\r\n\r\ncomponent<SelectAttrs>('select', (node) => {\r\n  let options: Array<SelectOption | SelectOptionGroup<SelectOption[]>>\r\n\r\n  function getSelectedIndex() {\r\n    const data = node.attrs.data\r\n    const value = getValue(data)\r\n    let i = 0\r\n    for (const o0 of options) {\r\n      if ('options' in o0) {\r\n        for (const o1 of o0.options) {\r\n          if (o1.value === value) {\r\n            return i\r\n          }\r\n          i++\r\n        }\r\n      } else {\r\n        if (o0.value === value) {\r\n          return i\r\n        }\r\n        i++\r\n      }\r\n    }\r\n  }\r\n\r\n  function getSelectionAt(index: number) {\r\n    let i = 0\r\n    for (const o0 of options) {\r\n      if ('options' in o0) {\r\n        for (const o1 of o0.options) {\r\n          if (i === index) {\r\n            return o1.value\r\n          }\r\n          i += 1\r\n        }\r\n      } else {\r\n        if (i === index) {\r\n          return o0.value\r\n        }\r\n        i += 1\r\n      }\r\n    }\r\n    return null\r\n  }\r\n\r\n  function onChange(e: Event) {\r\n    const el = e.target as HTMLSelectElement\r\n    const data = node.attrs.data\r\n    const value = getSelectionAt(el.selectedIndex)\r\n    const written = setValue(data, value)\r\n    call(data.onChange, data, written)\r\n  }\r\n\r\n  return {\r\n    view: viewFn((data) => {\r\n      options = getOptions(node)\r\n      return m(\r\n        'select',\r\n        {\r\n          class: twuiClass(data.type),\r\n          selectedIndex: getSelectedIndex(),\r\n          onchange: onChange,\r\n          disabled: data.disabled,\r\n        },\r\n        options.map((it) => {\r\n          if ('options' in it) {\r\n            return m(\r\n              'optgroup',\r\n              {\r\n                disabled: !!it.disabled,\r\n                label: it.label || '',\r\n              },\r\n              it.options.map(option),\r\n            )\r\n          }\r\n          return option(it)\r\n        }),\r\n      )\r\n    }),\r\n  }\r\n})\r\n\r\nfunction option(it: SelectOption) {\r\n  return m(\r\n    'option',\r\n    {\r\n      value: it.value,\r\n      label: it.label,\r\n      disabled: !!it.disabled,\r\n    },\r\n    it.label || '',\r\n  )\r\n}\r\n"]}

package/dist/lib/components/controls/spherical.d.ts

@@ -1,75 +1,75 @@
-import { ComponentModel, ValueSource, ComponentAttrs, ValueCodec } from '../../core';
-/**
- * @public
- */
-export declare type SphericalValue = number[] | {
-    [key: string]: number;
-} | {
-    [key: number]: number;
-};
-/**
- * Spherical component attributes
- * @public
- */
-export declare type SphericalAttrs = ComponentAttrs<SphericalModel>;
-/**
- * Spherical component model
- * @public
- */
-export interface SphericalModel<T = unknown> extends ComponentModel, ValueSource<T, SphericalValue> {
-    /**
-     * The type name of the control
-     */
-    type: 'spherical';
-    /**
-     * The object field names. Defaults to `['phi', 'theta']`
-     */
-    keys?: Array<string | number>;
-    /**
-     * Whether to use degrees instead of radians
-     */
-    degree?: boolean;
-    /**
-     * This is called when the control value has been changed.
-     */
-    onInput?: (model: SphericalModel<T>, value: unknown) => void;
-    /**
-     * This is called once the control value is committed by the user.
-     *
-     * @remarks
-     * Unlike the `onInput` callback, this is not necessarily called for each value change.
-     */
-    onChange?: (model: SphericalModel<T>, value: unknown) => void;
-}
-/**
- * Direction name
- * @public
- */
-export declare type Direction = 'right' | 'left' | 'up' | 'down' | 'front' | 'back';
-export interface SphericalCodecOptions<T> {
-    /**
-     * Maps object keys to cartesian axes. Defaults to `{ x: 'right', y: 'up', z: 'back' }`
-     */
-    axes?: Record<string | number, Direction>;
-    /**
-     * The vector length (sphere radius). Defaults to `1`
-     */
-    length?: number | (() => number);
-    /**
-     * Gets the objec where the result should be stored. May return a new instance.
-     */
-    result?: () => T;
-}
-export declare function sphericalCodec(): ValueCodec<{
-    x: number;
-    y: number;
-    z: number;
-}, {
-    phi: number;
-    theta: number;
-}>;
-export declare function sphericalCodec<T>(options: SphericalCodecOptions<T>): ValueCodec<T, {
-    phi: number;
-    theta: number;
-}>;
+import { ComponentModel, ValueSource, ComponentAttrs, ValueCodec } from '../../core';
+/**
+ * @public
+ */
+export type SphericalValue = number[] | {
+    [key: string]: number;
+} | {
+    [key: number]: number;
+};
+/**
+ * Spherical component attributes
+ * @public
+ */
+export type SphericalAttrs = ComponentAttrs<SphericalModel>;
+/**
+ * Spherical component model
+ * @public
+ */
+export interface SphericalModel<T = unknown> extends ComponentModel, ValueSource<T, SphericalValue> {
+    /**
+     * The type name of the control
+     */
+    type: 'spherical';
+    /**
+     * The object field names. Defaults to `['phi', 'theta']`
+     */
+    keys?: Array<string | number>;
+    /**
+     * Whether to use degrees instead of radians
+     */
+    degree?: boolean;
+    /**
+     * This is called when the control value has been changed.
+     */
+    onInput?: (model: SphericalModel<T>, value: unknown) => void;
+    /**
+     * This is called once the control value is committed by the user.
+     *
+     * @remarks
+     * Unlike the `onInput` callback, this is not necessarily called for each value change.
+     */
+    onChange?: (model: SphericalModel<T>, value: unknown) => void;
+}
+/**
+ * Direction name
+ * @public
+ */
+export type Direction = 'right' | 'left' | 'up' | 'down' | 'front' | 'back';
+export interface SphericalCodecOptions<T> {
+    /**
+     * Maps object keys to cartesian axes. Defaults to `{ x: 'right', y: 'up', z: 'back' }`
+     */
+    axes?: Record<string | number, Direction>;
+    /**
+     * The vector length (sphere radius). Defaults to `1`
+     */
+    length?: number | (() => number);
+    /**
+     * Gets the objec where the result should be stored. May return a new instance.
+     */
+    result?: () => T;
+}
+export declare function sphericalCodec(): ValueCodec<{
+    x: number;
+    y: number;
+    z: number;
+}, {
+    phi: number;
+    theta: number;
+}>;
+export declare function sphericalCodec<T>(options: SphericalCodecOptions<T>): ValueCodec<T, {
+    phi: number;
+    theta: number;
+}>;
 //# sourceMappingURL=spherical.d.ts.map

package/dist/lib/components/controls/spherical.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spherical.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/spherical.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,cAAc,EACd,WAAW,EACX,cAAc,EAEd,UAAU,EACX,MAAM,YAAY,CAAA;AAKnB;;GAEG;AACH,oBAAY,cAAc,GAAG,MAAM,EAAE,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAE7F;;;GAGG;AACH,oBAAY,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAE3D;;;GAGG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,OAAO,CACzC,SAAQ,cAAc,EACpB,WAAW,CAAC,CAAC,EAAE,cAAc,CAAC;IAChC;;OAEG;IACH,IAAI,EAAE,WAAW,CAAA;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9D;AAoQD;;;GAGG;AACH,oBAAY,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAC3E,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,SAAS,CAAC,CAAA;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAA;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC,CAAA;CACjB;AAED,wBAAgB,cAAc,IAAI,UAAU,CAC1C;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACnC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAC/B,CAAA;AACD,wBAAgB,cAAc,CAAC,CAAC,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA"}
+{"version":3,"file":"spherical.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/spherical.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,cAAc,EACd,WAAW,EACX,cAAc,EAEd,UAAU,EACX,MAAM,YAAY,CAAA;AAKnB;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,EAAE,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAE7F;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAE3D;;;GAGG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,OAAO,CACzC,SAAQ,cAAc,EACpB,WAAW,CAAC,CAAC,EAAE,cAAc,CAAC;IAChC;;OAEG;IACH,IAAI,EAAE,WAAW,CAAA;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9D;AAyQD;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAC3E,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,SAAS,CAAC,CAAA;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAA;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC,CAAA;CACjB;AAED,wBAAgB,cAAc,IAAI,UAAU,CAC1C;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACnC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAC/B,CAAA;AACD,wBAAgB,cAAc,CAAC,CAAC,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA"}