ngx-color 8.0.3 → 10.0.0

package/fesm2022/ngx-color-twitter.mjs

@@ -0,0 +1,169 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { forwardRef, Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i1 from 'ngx-color';
+import { ColorWrap, isValidHex, SwatchModule, EditableInputModule } from 'ngx-color';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+class TwitterComponent extends ColorWrap {
+    /** Pixel value for picker width */
+    width = 276;
+    /** Color squares to display */
+    colors = [
+        '#FF6900',
+        '#FCB900',
+        '#7BDCB5',
+        '#00D084',
+        '#8ED1FC',
+        '#0693E3',
+        '#ABB8C3',
+        '#EB144C',
+        '#F78DA7',
+        '#9900EF',
+    ];
+    triangle = 'top-left';
+    swatchStyle = {
+        width: '30px',
+        height: '30px',
+        borderRadius: '4px',
+        fontSize: '0',
+    };
+    input = {
+        borderRadius: '4px',
+        borderBottomLeftRadius: '0',
+        borderTopLeftRadius: '0',
+        border: '1px solid #e6ecf0',
+        boxSizing: 'border-box',
+        display: 'inline',
+        fontSize: '14px',
+        height: '30px',
+        padding: '0',
+        paddingLeft: '6px',
+        width: '100%',
+        color: '#657786',
+    };
+    disableAlpha = true;
+    constructor() {
+        super();
+    }
+    focus(color) {
+        return { boxShadow: `0 0 4px ${color}` };
+    }
+    handleBlockChange({ hex, $event }) {
+        if (isValidHex(hex)) {
+            // this.hex = hex;
+            this.handleChange({ hex, source: 'hex' }, $event);
+        }
+    }
+    handleValueChange({ data, $event }) {
+        this.handleBlockChange({ hex: data, $event });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: TwitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.3", type: TwitterComponent, isStandalone: false, selector: "color-twitter", inputs: { width: "width", colors: "colors", triangle: "triangle" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TwitterComponent),
+                multi: true,
+            },
+            {
+                provide: ColorWrap,
+                useExisting: forwardRef(() => TwitterComponent),
+            },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <div class="twitter-picker {{ triangle }}-triangle {{ className }}" [style.width.px]="width">
+      <div class="triangleShadow"></div>
+      <div class="triangle"></div>
+      <div class="twitter-body">
+        @for (color of colors; track color) {
+          <div class="twitter-swatch">
+            <color-swatch
+              [color]="color"
+              [style]="swatchStyle"
+              [focusStyle]="focus(color)"
+              (onClick)="handleBlockChange($event)"
+              (onHover)="onSwatchHover.emit($event)"
+            ></color-swatch>
+          </div>
+        }
+        <div class="twitter-hash">
+          <div>#</div>
+        </div>
+        <div class="twitter-input">
+          <color-editable-input
+            [style]="{ input: input }"
+            [value]="hex.replace('#', '')"
+            (onChange)="handleValueChange($event)"
+          ></color-editable-input>
+        </div>
+      </div>
+    </div>
+  `, isInline: true, styles: [".twitter-picker{background:#fff;border:0px solid rgba(0,0,0,.25);box-shadow:#00000040 0 1px 4px;border-radius:4px;position:relative;box-sizing:border-box}.triangleShadow{width:0px;height:0px;border-style:solid;border-width:0px 9px 10px;border-color:transparent transparent rgba(0,0,0,.1);position:absolute}.triangle{width:0px;height:0px;border-style:solid;border-width:0px 9px 10px;border-color:transparent transparent rgb(255,255,255);position:absolute}.hide-triangle>.triangle{display:none}.hide-triangle>.triangleShadow{display:none}.top-left-triangle>.triangle{top:-10px;left:12px}.top-left-triangle>.triangleShadow{top:-11px;left:12px}.top-right-triangle>.triangle{top:-10px;right:12px}.top-right-triangle>.triangleShadow{top:-11px;right:12px}.twitter-body{padding:15px 9px 9px 15px}.twitter-swatch{width:30px;height:30px;display:inline-block;margin:0 6px 0 0}.twitter-hash{background:#f0f0f0;height:30px;width:30px;border-radius:4px 0 0 4px;color:#98a1a4;margin-left:-3px;display:inline-block}.twitter-hash>div{position:absolute;align-items:center;justify-content:center;height:30px;width:30px;display:flex}.twitter-input{display:inline-block;margin-top:-6px;font-size:10px;height:27px;padding:0;position:relative;top:6px;vertical-align:top;width:108px;margin-left:-4px}\n"], dependencies: [{ kind: "component", type: i1.SwatchComponent, selector: "color-swatch", inputs: ["color", "style", "focusStyle", "focus"], outputs: ["onClick", "onHover"] }, { kind: "component", type: i1.EditableInputComponent, selector: "color-editable-input", inputs: ["style", "label", "value", "arrowOffset", "dragLabel", "dragMax", "placeholder"], outputs: ["onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: TwitterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'color-twitter', template: `
+    <div class="twitter-picker {{ triangle }}-triangle {{ className }}" [style.width.px]="width">
+      <div class="triangleShadow"></div>
+      <div class="triangle"></div>
+      <div class="twitter-body">
+        @for (color of colors; track color) {
+          <div class="twitter-swatch">
+            <color-swatch
+              [color]="color"
+              [style]="swatchStyle"
+              [focusStyle]="focus(color)"
+              (onClick)="handleBlockChange($event)"
+              (onHover)="onSwatchHover.emit($event)"
+            ></color-swatch>
+          </div>
+        }
+        <div class="twitter-hash">
+          <div>#</div>
+        </div>
+        <div class="twitter-input">
+          <color-editable-input
+            [style]="{ input: input }"
+            [value]="hex.replace('#', '')"
+            (onChange)="handleValueChange($event)"
+          ></color-editable-input>
+        </div>
+      </div>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TwitterComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ColorWrap,
+                            useExisting: forwardRef(() => TwitterComponent),
+                        },
+                    ], standalone: false, styles: [".twitter-picker{background:#fff;border:0px solid rgba(0,0,0,.25);box-shadow:#00000040 0 1px 4px;border-radius:4px;position:relative;box-sizing:border-box}.triangleShadow{width:0px;height:0px;border-style:solid;border-width:0px 9px 10px;border-color:transparent transparent rgba(0,0,0,.1);position:absolute}.triangle{width:0px;height:0px;border-style:solid;border-width:0px 9px 10px;border-color:transparent transparent rgb(255,255,255);position:absolute}.hide-triangle>.triangle{display:none}.hide-triangle>.triangleShadow{display:none}.top-left-triangle>.triangle{top:-10px;left:12px}.top-left-triangle>.triangleShadow{top:-11px;left:12px}.top-right-triangle>.triangle{top:-10px;right:12px}.top-right-triangle>.triangleShadow{top:-11px;right:12px}.twitter-body{padding:15px 9px 9px 15px}.twitter-swatch{width:30px;height:30px;display:inline-block;margin:0 6px 0 0}.twitter-hash{background:#f0f0f0;height:30px;width:30px;border-radius:4px 0 0 4px;color:#98a1a4;margin-left:-3px;display:inline-block}.twitter-hash>div{position:absolute;align-items:center;justify-content:center;height:30px;width:30px;display:flex}.twitter-input{display:inline-block;margin-top:-6px;font-size:10px;height:27px;padding:0;position:relative;top:6px;vertical-align:top;width:108px;margin-left:-4px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { width: [{
+                type: Input
+            }], colors: [{
+                type: Input
+            }], triangle: [{
+                type: Input
+            }] } });
+class ColorTwitterModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: ColorTwitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.3", ngImport: i0, type: ColorTwitterModule, declarations: [TwitterComponent], imports: [CommonModule, SwatchModule, EditableInputModule], exports: [TwitterComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: ColorTwitterModule, imports: [CommonModule, SwatchModule, EditableInputModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: ColorTwitterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TwitterComponent],
+                    exports: [TwitterComponent],
+                    imports: [CommonModule, SwatchModule, EditableInputModule],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ColorTwitterModule, TwitterComponent };
+//# sourceMappingURL=ngx-color-twitter.mjs.map

package/fesm2022/ngx-color-twitter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-color-twitter.mjs","sources":["../../src/lib/twitter/twitter.component.ts","../../src/lib/twitter/ngx-color-twitter.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';\n\nimport { ColorWrap, EditableInputModule, isValidHex, SwatchModule } from 'ngx-color';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'color-twitter',\n  template: `\n    <div class=\"twitter-picker {{ triangle }}-triangle {{ className }}\" [style.width.px]=\"width\">\n      <div class=\"triangleShadow\"></div>\n      <div class=\"triangle\"></div>\n      <div class=\"twitter-body\">\n        @for (color of colors; track color) {\n          <div class=\"twitter-swatch\">\n            <color-swatch\n              [color]=\"color\"\n              [style]=\"swatchStyle\"\n              [focusStyle]=\"focus(color)\"\n              (onClick)=\"handleBlockChange($event)\"\n              (onHover)=\"onSwatchHover.emit($event)\"\n            ></color-swatch>\n          </div>\n        }\n        <div class=\"twitter-hash\">\n          <div>#</div>\n        </div>\n        <div class=\"twitter-input\">\n          <color-editable-input\n            [style]=\"{ input: input }\"\n            [value]=\"hex.replace('#', '')\"\n            (onChange)=\"handleValueChange($event)\"\n          ></color-editable-input>\n        </div>\n      </div>\n    </div>\n  `,\n  styles: [\n    `\n      .twitter-picker {\n        background: rgb(255, 255, 255);\n        border: 0px solid rgba(0, 0, 0, 0.25);\n        box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px;\n        border-radius: 4px;\n        position: relative;\n        box-sizing: border-box;\n      }\n      .triangleShadow {\n        width: 0px;\n        height: 0px;\n        border-style: solid;\n        border-width: 0px 9px 10px;\n        border-color: transparent transparent rgba(0, 0, 0, 0.1);\n        position: absolute;\n      }\n      .triangle {\n        width: 0px;\n        height: 0px;\n        border-style: solid;\n        border-width: 0px 9px 10px;\n        border-color: transparent transparent rgb(255, 255, 255);\n        position: absolute;\n      }\n      .hide-triangle > .triangle {\n        display: none;\n      }\n      .hide-triangle > .triangleShadow {\n        display: none;\n      }\n      .top-left-triangle > .triangle {\n        top: -10px;\n        left: 12px;\n      }\n      .top-left-triangle > .triangleShadow {\n        top: -11px;\n        left: 12px;\n      }\n      .top-right-triangle > .triangle {\n        top: -10px;\n        right: 12px;\n      }\n      .top-right-triangle > .triangleShadow {\n        top: -11px;\n        right: 12px;\n      }\n      .twitter-body {\n        padding: 15px 9px 9px 15px;\n      }\n      .twitter-swatch {\n        width: 30px;\n        height: 30px;\n        display: inline-block;\n        margin: 0 6px 0 0;\n      }\n      .twitter-hash {\n        background: rgb(240, 240, 240);\n        height: 30px;\n        width: 30px;\n        border-radius: 4px 0px 0px 4px;\n        color: rgb(152, 161, 164);\n        margin-left: -3px;\n        display: inline-block;\n      }\n      .twitter-hash > div {\n        position: absolute;\n        align-items: center;\n        justify-content: center;\n        height: 30px;\n        width: 30px;\n        display: flex;\n      }\n      .twitter-input {\n        position: relative;\n        display: inline-block;\n        margin-top: -6px;\n        font-size: 10px;\n        height: 27px;\n        padding: 0;\n        position: relative;\n        top: 6px;\n        vertical-align: top;\n        width: 108px;\n        margin-left: -4px;\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TwitterComponent),\n      multi: true,\n    },\n    {\n      provide: ColorWrap,\n      useExisting: forwardRef(() => TwitterComponent),\n    },\n  ],\n  standalone: false,\n})\nexport class TwitterComponent extends ColorWrap {\n  /** Pixel value for picker width */\n  @Input() width: string | number = 276;\n  /** Color squares to display */\n  @Input() colors = [\n    '#FF6900',\n    '#FCB900',\n    '#7BDCB5',\n    '#00D084',\n    '#8ED1FC',\n    '#0693E3',\n    '#ABB8C3',\n    '#EB144C',\n    '#F78DA7',\n    '#9900EF',\n  ];\n  @Input() triangle: 'hide' | 'top-left' | 'top-right' | 'bottom-right' = 'top-left';\n\n  swatchStyle: { [key: string]: string } = {\n    width: '30px',\n    height: '30px',\n    borderRadius: '4px',\n    fontSize: '0',\n  };\n  input: { [key: string]: string } = {\n    borderRadius: '4px',\n    borderBottomLeftRadius: '0',\n    borderTopLeftRadius: '0',\n    border: '1px solid #e6ecf0',\n    boxSizing: 'border-box',\n    display: 'inline',\n    fontSize: '14px',\n    height: '30px',\n    padding: '0',\n    paddingLeft: '6px',\n    width: '100%',\n    color: '#657786',\n  };\n  disableAlpha = true;\n\n  constructor() {\n    super();\n  }\n\n  focus(color: string) {\n    return { boxShadow: `0 0 4px ${color}` };\n  }\n\n  handleBlockChange({ hex, $event }: any) {\n    if (isValidHex(hex)) {\n      // this.hex = hex;\n      this.handleChange({ hex, source: 'hex' }, $event);\n    }\n  }\n\n  handleValueChange({ data, $event }: any) {\n    this.handleBlockChange({ hex: data, $event });\n  }\n}\n\n@NgModule({\n  declarations: [TwitterComponent],\n  exports: [TwitterComponent],\n  imports: [CommonModule, SwatchModule, EditableInputModule],\n})\nexport class ColorTwitterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}