tweak-ui 0.4.2 → 0.5.0

package/dist/lib/builder.js

@@ -0,0 +1,250 @@
+// tslint:disable: unified-signatures
+import { isFunction, isObject, isString } from './core/utils';
+function assign(partial, overrides) {
+    Object.keys(overrides).forEach((key) => {
+        partial[key] = overrides[key];
+    });
+    return partial;
+}
+function buildGroup() {
+    let label = null;
+    let opts = {};
+    let cb;
+    // tslint:disable-next-line: prefer-for-of
+    for (let i = 0; i < arguments.length; i++) {
+        const arg = arguments[i];
+        if (isString(arg)) {
+            label = arg;
+        }
+        else if (isObject(arg)) {
+            opts = arg;
+        }
+        else if (isFunction(arg)) {
+            cb = arg;
+        }
+    }
+    if (label) {
+        opts.label = label;
+    }
+    if (cb) {
+        const controls = this.controls;
+        this.controls = [];
+        cb(this);
+        opts.children = this.controls;
+        this.controls = controls;
+    }
+    return opts;
+}
+function buildControl() {
+    let opts = {};
+    if (arguments.length > 1) {
+        opts = arguments[2] || opts;
+        opts.target = arguments[0];
+        opts.property = arguments[1];
+        if (opts.label === undefined) {
+            opts.label = String(opts.property || '');
+        }
+    }
+    if (arguments.length === 1) {
+        opts = arguments[0] || opts;
+    }
+    return opts;
+}
+/**
+ *
+ * @public
+ */
+export class Builder {
+    constructor() {
+        /**
+         * Collection of created controls
+         */
+        this.controls = [];
+    }
+    group() {
+        const opts = buildGroup.apply(this, arguments);
+        return this.add(assign(opts, {
+            type: 'group',
+            children: opts.children,
+            label: null,
+            title: opts.label,
+        }));
+    }
+    collapsible() {
+        const opts = buildGroup.apply(this, arguments);
+        return this.add(assign(opts, {
+            type: 'group',
+            children: opts.children,
+            collapsible: true,
+            label: null,
+            title: opts.label,
+        }));
+    }
+    container() {
+        const opts = buildGroup.apply(this, arguments);
+        return this.add(assign(opts, {
+            type: 'container',
+            children: opts.children,
+        }));
+    }
+    tabs() {
+        const opts = buildGroup.apply(this, arguments);
+        return this.add(assign(opts, {
+            type: 'tabs',
+            active: opts.active || 0,
+            children: opts.children,
+        }));
+    }
+    accordion() {
+        const opts = buildGroup.apply(this, arguments);
+        return this.add(assign(opts, {
+            type: 'accordion',
+            children: opts.children,
+        }));
+    }
+    checkbox() {
+        const opts = buildControl.apply(this, arguments);
+        return this.add(assign(opts, { type: 'checkbox' }));
+    }
+    text() {
+        const opts = buildControl.apply(this, arguments);
+        return this.add(assign(opts, { type: 'text' }));
+    }
+    number() {
+        const opts = buildControl.apply(this, arguments);
+        return this.add(assign(opts, { type: 'number' }));
+    }
+    slider() {
+        const opts = buildControl.apply(this, arguments);
+        return this.add(assign(opts, { type: 'slider' }));
+    }
+    position() {
+        const opts = buildControl.apply(this, arguments);
+        return this.add(assign(opts, { type: 'position' }));
+    }
+    select() {
+        const opts = buildControl.apply(this, arguments);
+        return this.add(assign(opts, { type: 'select' }));
+    }
+    color() {
+        const opts = buildControl.apply(this, arguments);
+        return this.add(assign(opts, { type: 'color' }));
+    }
+    colorPicker() {
+        const opts = buildControl.apply(this, arguments);
+        return this.add(assign(opts, { type: 'color-picker' }));
+    }
+    point() {
+        const opts = buildControl.apply(this, arguments);
+        return this.add(assign(opts, { type: 'point' }));
+    }
+    spherical() {
+        const opts = buildControl.apply(this, arguments);
+        return this.add(assign(opts, { type: 'spherical' }));
+    }
+    angle() {
+        const opts = buildControl.apply(this, arguments);
+        return this.add(assign(opts, { type: 'angle' }));
+    }
+    object(label, target, config = {}) {
+        return this.group(label, (ui) => {
+            for (const key in target) {
+                if (!config[key]) {
+                    const value = target[key];
+                    switch (typeof value) {
+                        case 'number':
+                            ui.number(target, key);
+                            break;
+                        case 'string':
+                            ui.text(target, key);
+                            break;
+                        case 'boolean':
+                            ui.checkbox(target, key);
+                            break;
+                    }
+                    continue;
+                }
+                switch (config[key].type) {
+                    case 'text':
+                        ui.text(target, key, config[key]);
+                        break;
+                    case 'number':
+                        ui.number(target, key, config[key]);
+                        break;
+                    case 'checkbox':
+                        ui.checkbox(target, key, config[key]);
+                        break;
+                    case 'select':
+                        ui.select(target, key, config[key]);
+                        break;
+                    case 'color':
+                        ui.color(target, key, config[key]);
+                        break;
+                    case 'color-picker':
+                        ui.colorPicker(target, key, config[key]);
+                        break;
+                    case 'point':
+                        ui.point(target, key, config[key]);
+                        break;
+                    case 'spherical':
+                        ui.spherical(target, key, config[key]);
+                        break;
+                    case 'angle':
+                        ui.angle(target, key, config[key]);
+                        break;
+                    default:
+                    //
+                }
+            }
+        });
+    }
+    /**
+     * Adds a button control
+     *
+     * @param text - The button text
+     * @param opts - Additional options for the control
+     */
+    button(text, opts = {}) {
+        return this.add(assign(opts, {
+            type: 'button',
+            text: text,
+        }));
+    }
+    image() {
+        const opts = buildGroup.apply(this, arguments);
+        return this.add(assign(opts, {
+            type: 'image',
+        }));
+    }
+    /**
+     * Adds a description text
+     *
+     * @param label - The control label
+     * @param text - The text message
+     * @param opts - Additional options for the control
+     */
+    content(label, content, opts = {}) {
+        return this.add(assign(opts, {
+            type: 'content',
+            label: label,
+            content: content,
+        }));
+    }
+    /**
+     * Adds a control
+     *
+     * @param def - The control definition
+     */
+    add(def) {
+        this.controls.push(assign(def, {
+            remove: () => {
+                const i = this.controls.indexOf(def);
+                if (i >= 0) {
+                    this.controls.splice(i, 1);
+                }
+            },
+        }));
+        return def;
+    }
+}
+//# sourceMappingURL=builder.js.map

package/dist/lib/builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"builder.js","sourceRoot":"","sources":["../../src/lib/builder.ts"],"names":[],"mappings":"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","sourcesContent":["\n// tslint:disable: unified-signatures\n\nimport { ComponentModel, ComponentGroupModel, ValueSource } from './core'\n\nimport {\n  AccordeonModel,\n  AngleModel,\n  ButtonModel,\n  CheckboxModel,\n  ContainerModel,\n  ColorModel,\n  ColorPickerModel,\n  ContentModel,\n  GroupModel,\n  ImageModel,\n  NumberModel,\n  PointModel,\n  SelectModel,\n  SphericalModel,\n  TabsModel,\n  TextModel,\n  PositionModel,\n} from './components'\nimport { isFunction, isObject, isString } from './core/utils'\nimport { Child } from 'mithril'\n\n/**\n *\n * @public\n */\nexport interface Removable {\n  remove?: () => void\n}\n\n/**\n * Union type of all build in models\n * @public\n */\nexport type BuildInComponent =\n | AccordeonModel\n | AngleModel\n | ButtonModel\n | CheckboxModel\n | ColorModel\n | ColorPickerModel\n | ContainerModel\n | ContentModel\n | GroupModel\n | ImageModel\n | NumberModel\n | PointModel\n | SelectModel\n | SphericalModel\n | TabsModel\n | TextModel\n | PositionModel\n\n/**\n * @public\n */\nexport type BuilderFn = (b: Builder) => void\n\n/**\n * @public\n */\nexport type TabsBuilderFn = (b: TabsBuilder) => void\n\n/**\n * @public\n */\nexport type AccordeonBuilderFn = (b: AccordeonBuilder) => void\n\n/**\n * @public\n */\nexport interface TabsBuilder {\n  group(label: string, builder: BuilderFn): GroupModel & Removable\n}\n\n/**\n * @public\n */\nexport interface AccordeonBuilder {\n  /**\n   * Adds a control group\n   *\n   * @param title - The group label\n   * @param builder - A callback allowing to build sub controls\n   */\n  group(title: string, builder: BuilderFn): GroupModel & Removable\n  /**\n   * Adds a control group\n   *\n   * @param title - The group label\n   * @param opts - Additional control options\n   * @param builder - A callback allowing to build sub controls\n   */\n  group(title: string, opts: Partial<GroupModel>, builder?: BuilderFn): GroupModel & Removable\n  group(title: string, builder: BuilderFn): GroupModel & Removable\n}\n\nfunction assign<T extends ComponentModel, E>(partial: T, overrides: E): T & E\nfunction assign<T extends ComponentModel>(partial: Partial<T>, overrides: T): T\nfunction assign<T extends ComponentModel>(partial: Partial<T>, overrides: T): T {\n  Object.keys(overrides).forEach((key: string) => {\n    partial[key as keyof T] = overrides[key as keyof T]\n  })\n  return partial as T\n}\n\nfunction buildGroup<T extends ComponentGroupModel>(this: Builder): Partial<T> {\n  let label: string = null\n  let opts: Partial<T> = {}\n  let cb: BuilderFn\n\n  // tslint:disable-next-line: prefer-for-of\n  for (let i = 0; i < arguments.length; i++) {\n    const arg = arguments[i]\n    if (isString(arg)) {\n      label = arg\n    } else if (isObject(arg)) {\n      opts = arg\n    } else if (isFunction(arg)) {\n      cb = arg\n    }\n  }\n\n  if (label) {\n    opts.label = label\n  }\n\n  if (cb) {\n    const controls = this.controls\n    this.controls = []\n    cb(this)\n    opts.children = this.controls\n    this.controls = controls\n  }\n  return opts\n}\n\n\nfunction buildControl<T extends ValueSource<any, any> & ComponentModel>(): Partial<T> {\n  let opts: Partial<T> = {}\n\n  if (arguments.length > 1) {\n    opts = arguments[2] || opts\n    opts.target = arguments[0]\n    opts.property = arguments[1]\n    if (opts.label === undefined) {\n      opts.label = String(opts.property || '')\n    }\n  }\n  if (arguments.length === 1) {\n    opts = arguments[0] || opts\n  }\n\n  return opts\n}\n\n/**\n *\n * @public\n */\nexport class Builder {\n  /**\n   * Collection of created controls\n   */\n  public controls: ComponentModel[] = []\n\n  public group(builder: BuilderFn): GroupModel & Removable\n  public group(opts: Partial<GroupModel>): GroupModel & Removable\n  public group(opts: Partial<GroupModel>, builder: BuilderFn): GroupModel & Removable\n  public group(label: string, builder: BuilderFn): GroupModel & Removable\n  public group(label: string, opts: Partial<GroupModel>): GroupModel & Removable\n  public group(label: string, opts: Partial<GroupModel>, builder: BuilderFn): GroupModel & Removable\n  public group(): GroupModel & Removable {\n    const opts: Partial<GroupModel> = buildGroup.apply(this, arguments)\n    return this.add<GroupModel>(assign(opts, {\n      type: 'group',\n      children: opts.children,\n      label: null,\n      title: opts.label,\n    }))\n  }\n\n  public collapsible(builder: BuilderFn): GroupModel & Removable\n  public collapsible(opts: Partial<GroupModel>): GroupModel & Removable\n  public collapsible(opts: Partial<GroupModel>, builder: BuilderFn): GroupModel & Removable\n  public collapsible(label: string, builder: BuilderFn): GroupModel & Removable\n  public collapsible(label: string, opts: Partial<GroupModel>): GroupModel & Removable\n  public collapsible(label: string, opts: Partial<GroupModel>, builder: BuilderFn): GroupModel & Removable\n  public collapsible(): GroupModel & Removable {\n    const opts: Partial<GroupModel> = buildGroup.apply(this, arguments)\n    return this.add<GroupModel>(assign(opts, {\n      type: 'group',\n      children: opts.children,\n      collapsible: true,\n      label: null,\n      title: opts.label,\n    }))\n  }\n\n  public container(builder: BuilderFn): ContainerModel & Removable\n  public container(opts: Partial<ContainerModel>): ContainerModel & Removable\n  public container(opts: Partial<ContainerModel>, builder: BuilderFn): ContainerModel & Removable\n  public container(label: string, builder: BuilderFn): ContainerModel & Removable\n  public container(label: string, opts: Partial<ContainerModel>): ContainerModel & Removable\n  public container(label: string, opts: Partial<ContainerModel>, builder: BuilderFn): ContainerModel & Removable\n  public container(): ContainerModel & Removable {\n    const opts: Partial<ContainerModel> = buildGroup.apply(this, arguments)\n    return this.add<ContainerModel>(assign(opts, {\n      type: 'container',\n      children: opts.children,\n    }))\n  }\n\n  public tabs(builder: TabsBuilderFn): TabsModel & Removable\n  public tabs(opts: Partial<TabsModel>): TabsModel & Removable\n  public tabs(opts: Partial<TabsModel>, builder: TabsBuilderFn): TabsModel & Removable\n  public tabs(label: string, builder: TabsBuilderFn): TabsModel & Removable\n  public tabs(label: string, opts: Partial<TabsModel>): TabsModel & Removable\n  public tabs(label: string, opts: Partial<TabsModel>, builder: TabsBuilderFn): TabsModel & Removable\n  public tabs(): TabsModel & Removable {\n    const opts: Partial<TabsModel> = buildGroup.apply(this, arguments)\n    return this.add<TabsModel>(assign(opts, {\n      type: 'tabs',\n      active: opts.active || 0,\n      children: opts.children,\n    }))\n  }\n\n  public accordion(builder: AccordeonBuilderFn): AccordeonModel & Removable\n  public accordion(opts: Partial<AccordeonModel>): AccordeonModel & Removable\n  public accordion(opts: Partial<AccordeonModel>, builder: AccordeonBuilderFn): AccordeonModel & Removable\n  public accordion(label: string, builder: AccordeonBuilderFn): AccordeonModel & Removable\n  public accordion(label: string, opts: Partial<AccordeonModel>): AccordeonModel & Removable\n  public accordion(label: string, opts: Partial<AccordeonModel>, builder: AccordeonBuilderFn): AccordeonModel & Removable\n  public accordion(): AccordeonModel & Removable {\n    const opts: Partial<AccordeonModel> = buildGroup.apply(this, arguments)\n    return this.add<AccordeonModel>(assign(opts, {\n      type: 'accordion',\n      children: opts.children,\n    }))\n  }\n\n  public checkbox<T>(opts: Partial<CheckboxModel<T>>): CheckboxModel<T>\n  public checkbox<T>(target: T, property: keyof T): CheckboxModel<T>\n  public checkbox<T>(target: T, property: keyof T, opts: Partial<CheckboxModel<T>>): CheckboxModel<T>\n  public checkbox(): CheckboxModel {\n    const opts: Partial<CheckboxModel> = buildControl.apply(this, arguments)\n    return this.add<CheckboxModel>(\n      assign(opts, { type: 'checkbox' }),\n    )\n  }\n\n  public text<T>(opts: Partial<TextModel<T>>): TextModel<T>\n  public text<T>(target: T, property: keyof T): TextModel<T>\n  public text<T>(target: T, property: keyof T, opts: Partial<TextModel<T>>): TextModel<T>\n  public text(): TextModel {\n    const opts: Partial<TextModel> = buildControl.apply(this, arguments)\n    return this.add<TextModel>(\n      assign(opts, { type: 'text' }),\n    )\n  }\n\n  public number<T>(opts: Partial<NumberModel<T>>): NumberModel<T>\n  public number<T>(target: T, property: keyof T): NumberModel<T>\n  public number<T>(target: T, property: keyof T, opts: Partial<NumberModel<T>>): NumberModel<T>\n  public number(): NumberModel {\n    const opts: Partial<NumberModel> = buildControl.apply(this, arguments)\n    return this.add<NumberModel>(\n      assign(opts, { type: 'number' }),\n    )\n  }\n\n  public slider<T>(opts: Partial<NumberModel<T>>): NumberModel<T>\n  public slider<T>(target: T, property: keyof T): NumberModel<T>\n  public slider<T>(target: T, property: keyof T, opts: Partial<NumberModel<T>>): NumberModel<T>\n  public slider(): NumberModel {\n    const opts: Partial<NumberModel> = buildControl.apply(this, arguments)\n    return this.add<NumberModel>(\n      assign(opts, { type: 'slider' }),\n    )\n  }\n\n  public position<T>(opts: Partial<PositionModel<T>>): PositionModel<T>\n  public position<T>(target: T, property: keyof T): PositionModel<T>\n  public position<T>(target: T, property: keyof T, opts: Partial<PositionModel<T>>): PositionModel<T>\n  public position(): PositionModel {\n    const opts: Partial<PositionModel> = buildControl.apply(this, arguments)\n    return this.add<PositionModel>(\n      assign(opts, { type: 'position' }),\n    )\n  }\n  public select<T>(opts: Partial<SelectModel<T>>): SelectModel<T>\n  public select<T>(target: T, property: keyof T): SelectModel<T>\n  public select<T>(target: T, property: keyof T, opts: Partial<SelectModel<T>>): SelectModel<T>\n  public select(): SelectModel {\n    const opts: Partial<SelectModel> = buildControl.apply(this, arguments)\n    return this.add<SelectModel>(\n      assign(opts, { type: 'select' }),\n    )\n  }\n\n  public color<T>(opts: Partial<ColorModel<T>>): ColorModel<T>\n  public color<T>(target: T, property: keyof T): ColorModel<T>\n  public color<T>(target: T, property: keyof T, opts: Partial<ColorModel<T>>): ColorModel<T>\n  public color(): ColorModel {\n    const opts: Partial<ColorModel> = buildControl.apply(this, arguments)\n    return this.add<ColorModel>(\n      assign(opts, { type: 'color' }),\n    )\n  }\n\n  public colorPicker<T>(opts: Partial<ColorPickerModel<T>>): ColorPickerModel<T>\n  public colorPicker<T>(target: T, property: keyof T): ColorPickerModel<T>\n  public colorPicker<T>(target: T, property: keyof T, opts: Partial<ColorPickerModel<T>>): ColorPickerModel<T>\n  public colorPicker(): ColorPickerModel {\n    const opts: Partial<ColorPickerModel> = buildControl.apply(this, arguments)\n    return this.add<ColorPickerModel>(\n      assign(opts, { type: 'color-picker' }),\n    )\n  }\n\n  public point<T>(opts: Partial<PointModel<T>>): PointModel<T>\n  public point<T>(target: T, property: keyof T): PointModel<T>\n  public point<T>(target: T, property: keyof T, opts: Partial<PointModel<T>>): PointModel<T>\n  public point(): PointModel {\n    const opts: Partial<PointModel> = buildControl.apply(this, arguments)\n    return this.add<PointModel>(\n      assign(opts, { type: 'point' }),\n    )\n  }\n\n  public spherical<T>(opts: Partial<SphericalModel<T>>): SphericalModel<T>\n  public spherical<T>(target: T, property: keyof T): SphericalModel<T>\n  public spherical<T>(target: T, property: keyof T, opts: Partial<SphericalModel<T>>): SphericalModel<T>\n  public spherical(): SphericalModel {\n    const opts: Partial<SphericalModel> = buildControl.apply(this, arguments)\n    return this.add<SphericalModel>(\n      assign(opts, { type: 'spherical' }),\n    )\n  }\n\n  public angle<T>(opts: Partial<AngleModel<T>>): AngleModel<T>\n  public angle<T>(target: T, property: keyof T): AngleModel<T>\n  public angle<T>(target: T, property: keyof T, opts: Partial<AngleModel<T>>): AngleModel<T>\n  public angle(): AngleModel {\n    const opts: Partial<AngleModel> = buildControl.apply(this, arguments)\n    return this.add<AngleModel>(\n      assign(opts, { type: 'angle' }),\n    )\n  }\n\n  public object<T>(label: string, target: T, config: ObjectConfig<T> = {}) {\n    return this.group(label, (ui) => {\n      for (const key in target) {\n        if (!config[key]) {\n          const value = target[key]\n          switch (typeof value) {\n            case 'number':\n              ui.number(target, key);\n              break\n            case 'string':\n              ui.text(target, key);\n              break\n            case 'boolean':\n              ui.checkbox(target, key);\n              break\n          }\n          continue\n        }\n        switch (config[key].type) {\n          case 'text':\n            ui.text(target, key, config[key]);\n            break;\n          case 'number':\n            ui.number(target, key, config[key]);\n            break;\n          case 'checkbox':\n            ui.checkbox(target, key, config[key]);\n            break;\n          case 'select':\n            ui.select(target, key, config[key]);\n            break;\n          case 'color':\n            ui.color(target, key, config[key]);\n            break;\n          case 'color-picker':\n            ui.colorPicker(target, key, config[key]);\n            break;\n          case 'point':\n            ui.point(target, key, config[key]);\n            break;\n          case 'spherical':\n            ui.spherical(target, key, config[key]);\n            break;\n          case 'angle':\n            ui.angle(target, key, config[key]);\n            break;\n          default:\n            //\n        }\n      }\n    })\n  }\n\n  /**\n   * Adds a button control\n   *\n   * @param text - The button text\n   * @param opts - Additional options for the control\n   */\n   public button(text: string, opts: Partial<ButtonModel> = {}) {\n    return this.add<ButtonModel>(\n      assign(opts, {\n        type: 'button',\n        text: text,\n      }),\n    )\n  }\n\n  /**\n   * Adds an image control\n   *\n   * @param label - The control label\n   * @param opts - Additional options for the control\n   */\n  public image(opts: Partial<ImageModel>): ImageModel & Removable\n  public image(label: string, opts: Partial<ImageModel>): ImageModel & Removable\n  public image() {\n    const opts: Partial<ImageModel> = buildGroup.apply(this, arguments)\n    return this.add<ImageModel>(assign(opts, {\n      type: 'image',\n    }))\n  }\n\n  /**\n   * Adds a description text\n   *\n   * @param label - The control label\n   * @param text - The text message\n   * @param opts - Additional options for the control\n   */\n  public content(label: string, content: Child, opts: Partial<ContentModel> = {}) {\n    return this.add<ContentModel>(\n      assign(opts, {\n        type: 'content',\n        label: label,\n        content: content,\n      }),\n    )\n  }\n\n\n\n  /**\n   * Adds a build in control\n   *\n   * @param def - The control definition\n   */\n  public add<T extends BuildInComponent>(def: T): T & Removable\n  /**\n   * Adds a control\n   *\n   * @param def - The control definition\n   */\n  public add<T extends ComponentModel>(def: T): T & Removable\n  /**\n   * Adds a control\n   *\n   * @param def - The control definition\n   */\n  public add<T extends ComponentModel>(def: T): T & Removable {\n    this.controls.push(\n      assign(def, {\n        remove: () => {\n          const i = this.controls.indexOf(def)\n          if (i >= 0) {\n            this.controls.splice(i, 1)\n          }\n        },\n      }),\n    )\n    return def\n  }\n}\n\nexport type ObjectConfig<T> = {\n  [K in keyof T]?:\n    TextModel<T> |\n    NumberModel<T> |\n    CheckboxModel<T> |\n    SelectModel<T> |\n    ColorModel<T> |\n    ColorPickerModel<T> |\n    PointModel<T> |\n    SphericalModel<T> |\n    AngleModel<T>\n}\n"]}

package/dist/lib/color-formats/array-format.d.ts

@@ -1,9 +1,9 @@
-import { ColorFormatter, RGBA } from './types';
-export declare class ArrayColorFormat implements ColorFormatter<number[]> {
-    private components;
-    private normalized;
-    constructor(components: string[], normalized: boolean);
-    parse(v: number[]): RGBA;
-    format(rgba: RGBA): number[];
-}
+import { ColorFormatter, RGBA } from './types';
+export declare class ArrayColorFormat implements ColorFormatter<number[]> {
+    private components;
+    private normalized;
+    constructor(components: string[], normalized: boolean);
+    parse(v: number[]): RGBA;
+    format(rgba: RGBA): number[];
+}
 //# sourceMappingURL=array-format.d.ts.map

package/dist/lib/color-formats/array-format.js

@@ -0,0 +1,18 @@
+export class ArrayColorFormat {
+    constructor(components, normalized) {
+        this.components = components;
+        this.normalized = normalized;
+    }
+    parse(v) {
+        v = v || [];
+        const result = { r: 0, g: 0, b: 0, a: 1 };
+        this.components.forEach((key, i) => {
+            result[key] = (v[i] || 0) / (this.normalized ? 1 : 255);
+        });
+        return result;
+    }
+    format(rgba) {
+        return this.components.map((key) => (this.normalized ? rgba[key] : Math.round(rgba[key] * 255)) || 0);
+    }
+}
+//# sourceMappingURL=array-format.js.map

package/dist/lib/color-formats/array-format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-format.js","sourceRoot":"","sources":["../../../src/lib/color-formats/array-format.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,gBAAgB;IAC3B,YAAoB,UAAoB,EAAU,UAAmB;QAAjD,eAAU,GAAV,UAAU,CAAU;QAAU,eAAU,GAAV,UAAU,CAAS;IAAG,CAAC;IAClE,KAAK,CAAC,CAAW;QACtB,CAAC,GAAG,CAAC,IAAI,EAAE,CAAA;QACX,MAAM,MAAM,GAAS,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;QAC/C,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACjC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACzD,CAAC,CAAC,CAAA;QACF,OAAO,MAAM,CAAA;IACf,CAAC;IAEM,MAAM,CAAC,IAAU;QACtB,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CACxB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,CAC1E,CAAA;IACH,CAAC;CACF","sourcesContent":["import { ColorFormatter, RGBA } from './types'\r\n\r\nexport class ArrayColorFormat implements ColorFormatter<number[]> {\r\n  constructor(private components: string[], private normalized: boolean) {}\r\n  public parse(v: number[]) {\r\n    v = v || []\r\n    const result: RGBA = { r: 0, g: 0, b: 0, a: 1 }\r\n    this.components.forEach((key, i) => {\r\n      result[key] = (v[i] || 0) / (this.normalized ? 1 : 255)\r\n    })\r\n    return result\r\n  }\r\n\r\n  public format(rgba: RGBA) {\r\n    return this.components.map(\r\n      (key) => (this.normalized ? rgba[key] : Math.round(rgba[key] * 255)) || 0,\r\n    )\r\n  }\r\n}\r\n"]}

package/dist/lib/color-formats/converter.d.ts

@@ -1,19 +1,19 @@
-import { HSV, RGB } from './types';
-/**
- * Converts hsv to rgb
- *
- * @public
- * @param hsv - HSV components where H is in range [0:360] and S and V are in range [0:1]
- * @returns RGB color components in range [0:1]
- */
-export declare function hsv2rgb(hsv: HSV): RGB;
-/**
- * Converts rgb to hsv
- *
- * @public
- * @remarks
- * The RGB components are assumed to be in range [0:1].
- * The resulting H component is in range [0:360] and S and V in range [0:1]
- */
-export declare function rgb2hsv(rgb: RGB): HSV;
+import { HSV, RGB } from './types';
+/**
+ * Converts hsv to rgb
+ *
+ * @public
+ * @param hsv - HSV components where H is in range [0:360] and S and V are in range [0:1]
+ * @returns RGB color components in range [0:1]
+ */
+export declare function hsv2rgb(hsv: HSV): RGB;
+/**
+ * Converts rgb to hsv
+ *
+ * @public
+ * @remarks
+ * The RGB components are assumed to be in range [0:1].
+ * The resulting H component is in range [0:360] and S and V in range [0:1]
+ */
+export declare function rgb2hsv(rgb: RGB): HSV;
 //# sourceMappingURL=converter.d.ts.map

package/dist/lib/color-formats/converter.js

@@ -0,0 +1,85 @@
+import { clamp } from '../core/utils';
+/**
+ * Converts hsv to rgb
+ *
+ * @public
+ * @param hsv - HSV components where H is in range [0:360] and S and V are in range [0:1]
+ * @returns RGB color components in range [0:1]
+ */
+export function hsv2rgb(hsv) {
+    let H = hsv.h % 360;
+    let S = clamp(hsv.s, 0, 1);
+    let V = clamp(hsv.v, 0, 1);
+    let C = V * S;
+    let X = C * (1 - Math.abs(((H / 60) % 2) - 1));
+    let m = V - C;
+    const rgb = { r: 0, g: 0, b: 0 };
+    if (H < 60) {
+        rgb.r = C;
+        rgb.g = X;
+        rgb.b = 0;
+    }
+    else if (H < 120) {
+        rgb.r = X;
+        rgb.g = C;
+        rgb.b = 0;
+    }
+    else if (H < 180) {
+        rgb.r = 0;
+        rgb.g = C;
+        rgb.b = X;
+    }
+    else if (H < 240) {
+        rgb.r = 0;
+        rgb.g = X;
+        rgb.b = C;
+    }
+    else if (H < 300) {
+        rgb.r = X;
+        rgb.g = 0;
+        rgb.b = C;
+    }
+    else {
+        rgb.r = C;
+        rgb.g = 0;
+        rgb.b = X;
+    }
+    rgb.r += m;
+    rgb.g += m;
+    rgb.b += m;
+    return rgb;
+}
+/**
+ * Converts rgb to hsv
+ *
+ * @public
+ * @remarks
+ * The RGB components are assumed to be in range [0:1].
+ * The resulting H component is in range [0:360] and S and V in range [0:1]
+ */
+export function rgb2hsv(rgb) {
+    let r = rgb.r;
+    let g = rgb.g;
+    let b = rgb.b;
+    let V = Math.max(r, g, b);
+    let d = V - Math.min(r, g, b);
+    let S = 0;
+    let H = 0;
+    if (d !== 0) {
+        S = d / V;
+        if (V === r) {
+            H = (g - b) / d + (g < b ? 6 : 0);
+            H = (H % 6) * 60;
+        }
+        else if (V === g) {
+            H = (b - r) / d + 2;
+            H = H * 60;
+        }
+        else {
+            H = (r - g) / d + 4;
+            H = H * 60;
+        }
+    }
+    return { h: H, s: S, v: V };
+}
+//# sourceMappingURL=converter.js.map

package/dist/lib/color-formats/converter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../../../src/lib/color-formats/converter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAGrC;;;;;;GAMG;AACH,MAAM,UAAU,OAAO,CAAC,GAAQ;IAC9B,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAA;IACnB,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAC1B,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAE1B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACb,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAC9C,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAEb,MAAM,GAAG,GAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;IACrC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;QACX,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QACT,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QACT,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;IACX,CAAC;SAAM,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC;QACnB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QACT,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QACT,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;IACX,CAAC;SAAM,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC;QACnB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QACT,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QACT,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;IACX,CAAC;SAAM,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC;QACnB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QACT,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QACT,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;IACX,CAAC;SAAM,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC;QACnB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QACT,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QACT,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;IACX,CAAC;SAAM,CAAC;QACN,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QACT,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QACT,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;IACX,CAAC;IAED,GAAG,CAAC,CAAC,IAAI,CAAC,CAAA;IACV,GAAG,CAAC,CAAC,IAAI,CAAC,CAAA;IACV,GAAG,CAAC,CAAC,IAAI,CAAC,CAAA;IAEV,OAAO,GAAG,CAAA;AACZ,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,OAAO,CAAC,GAAQ;IAC9B,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAA;IACb,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAA;IACb,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAA;IAEb,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACzB,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAE7B,IAAI,CAAC,GAAG,CAAC,CAAA;IACT,IAAI,CAAC,GAAG,CAAC,CAAA;IACT,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACZ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QACT,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACZ,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YACjC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAA;QAClB,CAAC;aAAM,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACnB,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;YACnB,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;QACZ,CAAC;aAAM,CAAC;YACN,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;YACnB,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;QACZ,CAAC;IACH,CAAC;IAED,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;AAC7B,CAAC","sourcesContent":["import { clamp } from '../core/utils'\r\nimport { HSV, RGB } from './types'\r\n\r\n/**\r\n * Converts hsv to rgb\r\n *\r\n * @public\r\n * @param hsv - HSV components where H is in range [0:360] and S and V are in range [0:1]\r\n * @returns RGB color components in range [0:1]\r\n */\r\nexport function hsv2rgb(hsv: HSV): RGB {\r\n  let H = hsv.h % 360\r\n  let S = clamp(hsv.s, 0, 1)\r\n  let V = clamp(hsv.v, 0, 1)\r\n\r\n  let C = V * S\r\n  let X = C * (1 - Math.abs(((H / 60) % 2) - 1))\r\n  let m = V - C\r\n\r\n  const rgb: RGB = { r: 0, g: 0, b: 0 }\r\n  if (H < 60) {\r\n    rgb.r = C\r\n    rgb.g = X\r\n    rgb.b = 0\r\n  } else if (H < 120) {\r\n    rgb.r = X\r\n    rgb.g = C\r\n    rgb.b = 0\r\n  } else if (H < 180) {\r\n    rgb.r = 0\r\n    rgb.g = C\r\n    rgb.b = X\r\n  } else if (H < 240) {\r\n    rgb.r = 0\r\n    rgb.g = X\r\n    rgb.b = C\r\n  } else if (H < 300) {\r\n    rgb.r = X\r\n    rgb.g = 0\r\n    rgb.b = C\r\n  } else {\r\n    rgb.r = C\r\n    rgb.g = 0\r\n    rgb.b = X\r\n  }\r\n\r\n  rgb.r += m\r\n  rgb.g += m\r\n  rgb.b += m\r\n\r\n  return rgb\r\n}\r\n\r\n/**\r\n * Converts rgb to hsv\r\n *\r\n * @public\r\n * @remarks\r\n * The RGB components are assumed to be in range [0:1].\r\n * The resulting H component is in range [0:360] and S and V in range [0:1]\r\n */\r\nexport function rgb2hsv(rgb: RGB): HSV {\r\n  let r = rgb.r\r\n  let g = rgb.g\r\n  let b = rgb.b\r\n\r\n  let V = Math.max(r, g, b)\r\n  let d = V - Math.min(r, g, b)\r\n\r\n  let S = 0\r\n  let H = 0\r\n  if (d !== 0) {\r\n    S = d / V\r\n    if (V === r) {\r\n      H = (g - b) / d + (g < b ? 6 : 0)\r\n      H = (H % 6) * 60\r\n    } else if (V === g) {\r\n      H = (b - r) / d + 2\r\n      H = H * 60\r\n    } else {\r\n      H = (r - g) / d + 4\r\n      H = H * 60\r\n    }\r\n  }\r\n\r\n  return { h: H, s: S, v: V }\r\n}\r\n"]}

package/dist/lib/color-formats/css-string-format.d.ts

@@ -1,8 +1,8 @@
-import { ColorFormatter, RGBA } from './types';
-export declare class CssStringFormat implements ColorFormatter<string> {
-    private components;
-    constructor(components: string[]);
-    parse(value: string): RGBA;
-    format(rgba: RGBA): string;
-}
+import { ColorFormatter, RGBA } from './types';
+export declare class CssStringFormat implements ColorFormatter<string> {
+    private components;
+    constructor(components: string[]);
+    parse(value: string): RGBA;
+    format(rgba: RGBA): string;
+}
 //# sourceMappingURL=css-string-format.d.ts.map

package/dist/lib/color-formats/css-string-format.js

@@ -0,0 +1,28 @@
+export class CssStringFormat {
+    constructor(components) {
+        this.components = components;
+    }
+    parse(value) {
+        value = value || 'rgba(0, 0, 0)';
+        const result = { r: 0, g: 0, b: 0, a: 1 };
+        const values = value
+            .replace(/[rgba\(\)]/gi, '')
+            .split(/,\s*?/gi)
+            .map(Number);
+        this.components.forEach((key, i) => {
+            result[key] = (values[i] || 0) / (key === 'a' ? 1 : 255);
+        });
+        return result;
+    }
+    format(rgba) {
+        return (this.components.join('') +
+            '(' +
+            this.components
+                .map((key) => {
+                return key === 'a' ? rgba[key] : Math.round(rgba[key] * 255);
+            })
+                .join(', ') +
+            ')');
+    }
+}
+//# sourceMappingURL=css-string-format.js.map

package/dist/lib/color-formats/css-string-format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-string-format.js","sourceRoot":"","sources":["../../../src/lib/color-formats/css-string-format.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,eAAe;IAC1B,YAAoB,UAAoB;QAApB,eAAU,GAAV,UAAU,CAAU;IAAG,CAAC;IACrC,KAAK,CAAC,KAAa;QACxB,KAAK,GAAG,KAAK,IAAI,eAAe,CAAA;QAChC,MAAM,MAAM,GAAS,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;QAC/C,MAAM,MAAM,GAAG,KAAK;aACjB,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;aAC3B,KAAK,CAAC,SAAS,CAAC;aAChB,GAAG,CAAC,MAAM,CAAC,CAAA;QACd,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACjC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QAC1D,CAAC,CAAC,CAAA;QACF,OAAO,MAAM,CAAA;IACf,CAAC;IAEM,MAAM,CAAC,IAAU;QACtB,OAAO,CACL,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YACxB,GAAG;YACH,IAAI,CAAC,UAAU;iBACZ,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACX,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAA;YAC9D,CAAC,CAAC;iBACD,IAAI,CAAC,IAAI,CAAC;YACb,GAAG,CACJ,CAAA;IACH,CAAC;CACF","sourcesContent":["import { ColorFormatter, RGBA } from './types'\r\n\r\nexport class CssStringFormat implements ColorFormatter<string> {\r\n  constructor(private components: string[]) {}\r\n  public parse(value: string) {\r\n    value = value || 'rgba(0, 0, 0)'\r\n    const result: RGBA = { r: 0, g: 0, b: 0, a: 1 }\r\n    const values = value\r\n      .replace(/[rgba\\(\\)]/gi, '')\r\n      .split(/,\\s*?/gi)\r\n      .map(Number)\r\n    this.components.forEach((key, i) => {\r\n      result[key] = (values[i] || 0) / (key === 'a' ? 1 : 255)\r\n    })\r\n    return result\r\n  }\r\n\r\n  public format(rgba: RGBA) {\r\n    return (\r\n      this.components.join('') +\r\n      '(' +\r\n      this.components\r\n        .map((key) => {\r\n          return key === 'a' ? rgba[key] : Math.round(rgba[key] * 255)\r\n        })\r\n        .join(', ') +\r\n      ')'\r\n    )\r\n  }\r\n}\r\n"]}

package/dist/lib/color-formats/formatter.d.ts

@@ -1,9 +1,9 @@
-import { ColorFormatter } from './types';
-/**
- * Gets a formatter implementation for the given format
- *
- * @public
- * @param format - The format code
- */
-export declare function getColorFormatter(format?: string): ColorFormatter<any>;
+import { ColorFormatter } from './types';
+/**
+ * Gets a formatter implementation for the given format
+ *
+ * @public
+ * @param format - The format code
+ */
+export declare function getColorFormatter(format?: string): ColorFormatter<any>;
 //# sourceMappingURL=formatter.d.ts.map

package/dist/lib/color-formats/formatter.js

@@ -0,0 +1,35 @@
+import { ArrayColorFormat } from './array-format';
+import { CssStringFormat } from './css-string-format';
+import { HexStringFormat } from './hex-string-format';
+import { NumberColorFormat } from './number-format';
+import { ObjectColorFormat } from './object-format';
+const formatter = {};
+/**
+ * Gets a formatter implementation for the given format
+ *
+ * @public
+ * @param format - The format code
+ */
+export function getColorFormatter(format = 'rgb') {
+    if (format in formatter) {
+        return formatter[format];
+    }
+    const components = (format.match(/[rgba]+/)[0] || '').split('');
+    if (/(\[n?\])/.test(format)) {
+        formatter[format] = new ArrayColorFormat(components, /\[n\]/.test(format));
+    }
+    else if (/(\{n?\})/.test(format)) {
+        formatter[format] = new ObjectColorFormat(components, /\{n\}/.test(format));
+    }
+    else if (/0x/.test(format)) {
+        formatter[format] = new NumberColorFormat(components);
+    }
+    else if (/(\(\))/.test(format)) {
+        formatter[format] = new CssStringFormat(components);
+    }
+    else {
+        formatter[format] = new HexStringFormat(components);
+    }
+    return formatter[format];
+}
+//# sourceMappingURL=formatter.js.map

package/dist/lib/color-formats/formatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatter.js","sourceRoot":"","sources":["../../../src/lib/color-formats/formatter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAGnD,MAAM,SAAS,GAA2C,EAAE,CAAA;AAE5D;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,SAAiB,KAAK;IACtD,IAAI,MAAM,IAAI,SAAS,EAAE,CAAC;QACxB,OAAO,SAAS,CAAC,MAAM,CAAC,CAAA;IAC1B,CAAC;IACD,MAAM,UAAU,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAC/D,IAAI,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5B,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;IAC5E,CAAC;SAAM,IAAI,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;QACnC,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,iBAAiB,CAAC,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;IAC7E,CAAC;SAAM,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;QAC7B,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACvD,CAAC;SAAM,IAAI,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;QACjC,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,eAAe,CAAC,UAAU,CAAC,CAAA;IACrD,CAAC;SAAM,CAAC;QACN,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,eAAe,CAAC,UAAU,CAAC,CAAA;IACrD,CAAC;IACD,OAAO,SAAS,CAAC,MAAM,CAAC,CAAA;AAC1B,CAAC","sourcesContent":["import { ArrayColorFormat } from './array-format'\r\nimport { CssStringFormat } from './css-string-format'\r\nimport { HexStringFormat } from './hex-string-format'\r\nimport { NumberColorFormat } from './number-format'\r\nimport { ObjectColorFormat } from './object-format'\r\nimport { ColorFormatter } from './types'\r\n\r\nconst formatter: { [key: string]: ColorFormatter<any> } = {}\r\n\r\n/**\r\n * Gets a formatter implementation for the given format\r\n *\r\n * @public\r\n * @param format - The format code\r\n */\r\nexport function getColorFormatter(format: string = 'rgb'): ColorFormatter<any> {\r\n  if (format in formatter) {\r\n    return formatter[format]\r\n  }\r\n  const components = (format.match(/[rgba]+/)[0] || '').split('')\r\n  if (/(\\[n?\\])/.test(format)) {\r\n    formatter[format] = new ArrayColorFormat(components, /\\[n\\]/.test(format))\r\n  } else if (/(\\{n?\\})/.test(format)) {\r\n    formatter[format] = new ObjectColorFormat(components, /\\{n\\}/.test(format))\r\n  } else if (/0x/.test(format)) {\r\n    formatter[format] = new NumberColorFormat(components)\r\n  } else if (/(\\(\\))/.test(format)) {\r\n    formatter[format] = new CssStringFormat(components)\r\n  } else {\r\n    formatter[format] = new HexStringFormat(components)\r\n  }\r\n  return formatter[format]\r\n}\r\n"]}

package/dist/lib/color-formats/hex-string-format.d.ts

@@ -1,8 +1,8 @@
-import { ColorFormatter, RGBA } from './types';
-export declare class HexStringFormat implements ColorFormatter<string> {
-    private components;
-    constructor(components: string[]);
-    parse(value?: string): RGBA;
-    format(rgba: RGBA): string;
-}
+import { ColorFormatter, RGBA } from './types';
+export declare class HexStringFormat implements ColorFormatter<string> {
+    private components;
+    constructor(components: string[]);
+    parse(value?: string): RGBA;
+    format(rgba: RGBA): string;
+}
 //# sourceMappingURL=hex-string-format.d.ts.map

package/dist/lib/color-formats/hex-string-format.js

@@ -0,0 +1,28 @@
+import { padLeft } from '../core/utils';
+export class HexStringFormat {
+    constructor(components) {
+        this.components = components;
+    }
+    parse(value) {
+        value = value || '#000';
+        const result = { r: 0, g: 0, b: 0, a: 1 };
+        let v = value.match(/[0-9a-f]+/i)[0];
+        if (v.length === this.components.length) {
+            v = v
+                .split('')
+                .map((it) => `${it}${it}`)
+                .join('');
+        }
+        this.components.forEach((key, i) => {
+            result[key] = parseInt(v.substr(i * 2, 2), 16) / 255;
+        });
+        return result;
+    }
+    format(rgba) {
+        return ('#' +
+            this.components
+                .map((key) => padLeft(Math.round(rgba[key] * 255).toString(16), 2, '0'))
+                .join(''));
+    }
+}
+//# sourceMappingURL=hex-string-format.js.map

package/dist/lib/color-formats/hex-string-format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hex-string-format.js","sourceRoot":"","sources":["../../../src/lib/color-formats/hex-string-format.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,MAAM,OAAO,eAAe;IAC1B,YAAoB,UAAoB;QAApB,eAAU,GAAV,UAAU,CAAU;IAAG,CAAC;IACrC,KAAK,CAAC,KAAc;QACzB,KAAK,GAAG,KAAK,IAAI,MAAM,CAAA;QACvB,MAAM,MAAM,GAAS,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;QAC/C,IAAI,CAAC,GAAW,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC5C,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;YACxC,CAAC,GAAG,CAAC;iBACF,KAAK,CAAC,EAAE,CAAC;iBACT,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC;iBACzB,IAAI,CAAC,EAAE,CAAC,CAAA;QACb,CAAC;QACD,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACjC,MAAM,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAA;QACtD,CAAC,CAAC,CAAA;QACF,OAAO,MAAM,CAAA;IACf,CAAC;IAEM,MAAM,CAAC,IAAU;QACtB,OAAO,CACL,GAAG;YACH,IAAI,CAAC,UAAU;iBACZ,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;iBACvE,IAAI,CAAC,EAAE,CAAC,CACZ,CAAA;IACH,CAAC;CACF","sourcesContent":["import { padLeft } from '../core/utils'\r\nimport { ColorFormatter, RGBA } from './types'\r\n\r\nexport class HexStringFormat implements ColorFormatter<string> {\r\n  constructor(private components: string[]) {}\r\n  public parse(value?: string) {\r\n    value = value || '#000'\r\n    const result: RGBA = { r: 0, g: 0, b: 0, a: 1 }\r\n    let v: string = value.match(/[0-9a-f]+/i)[0]\r\n    if (v.length === this.components.length) {\r\n      v = v\r\n        .split('')\r\n        .map((it) => `${it}${it}`)\r\n        .join('')\r\n    }\r\n    this.components.forEach((key, i) => {\r\n      result[key] = parseInt(v.substr(i * 2, 2), 16) / 255\r\n    })\r\n    return result\r\n  }\r\n\r\n  public format(rgba: RGBA) {\r\n    return (\r\n      '#' +\r\n      this.components\r\n        .map((key) => padLeft(Math.round(rgba[key] * 255).toString(16), 2, '0'))\r\n        .join('')\r\n    )\r\n  }\r\n}\r\n"]}