{"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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"}