@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

package/lib/components/VColorPicker/VColorPickerSwatches.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VColorPicker/VColorPickerSwatches.ts"],"names":["VIcon","colors","fromHex","parseColor","convertToUnit","deepEqual","mixins","Themeable","contrastRatio","parseDefaultColors","Object","keys","map","key","color","base","darken4","darken3","darken2","darken1","lighten1","lighten2","lighten3","lighten4","lighten5","black","white","transparent","rgba","extend","name","props","swatches","type","Array","default","disabled","Boolean","maxWidth","Number","String","maxHeight","methods","genColor","content","$createElement","style","background","small","dark","alpha","light","staticClass","on","click","$emit","genSwatches","swatch","render","h"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VColorPickerSwatches.sass'\n\n// Components\nimport VIcon from '../VIcon'\n\n// Helpers\nimport colors from '../../util/colors'\nimport { VColorPickerColor, fromHex, parseColor } from './util'\nimport { convertToUnit, deepEqual } from '../../util/helpers'\nimport mixins from '../../util/mixins'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { VNode, PropType } from 'vue'\nimport { contrastRatio } from '../../util/colorUtils'\n\nfunction parseDefaultColors (colors: Record<string, Record<string, string>>) {\n  return Object.keys(colors).map(key => {\n    const color = colors[key]\n    return color.base ? [\n      color.base,\n      color.darken4,\n      color.darken3,\n      color.darken2,\n      color.darken1,\n      color.lighten1,\n      color.lighten2,\n      color.lighten3,\n      color.lighten4,\n      color.lighten5,\n    ] : [\n      color.black,\n      color.white,\n      color.transparent,\n    ]\n  })\n}\n\nconst white = fromHex('#FFFFFF').rgba\nconst black = fromHex('#000000').rgba\n\nexport default mixins(Themeable).extend({\n  name: 'v-color-picker-swatches',\n\n  props: {\n    swatches: {\n      type: Array as PropType<string[][]>,\n      default: () => parseDefaultColors(colors),\n    },\n    disabled: Boolean,\n    color: Object as PropType<VColorPickerColor>,\n    maxWidth: [Number, String],\n    maxHeight: [Number, String],\n  },\n\n  methods: {\n    genColor (color: string) {\n      const content = this.$createElement('div', {\n        style: {\n          background: color,\n        },\n      }, [\n        deepEqual(this.color, parseColor(color, null)) && this.$createElement(VIcon, {\n          props: {\n            small: true,\n            dark: contrastRatio(this.color.rgba, white) > 2 && this.color.alpha > 0.5,\n            light: contrastRatio(this.color.rgba, black) > 2 && this.color.alpha > 0.5,\n          },\n        }, '$success'),\n      ])\n\n      return this.$createElement('div', {\n        staticClass: 'v-color-picker__color',\n        on: {\n          // TODO: Less hacky way of catching transparent\n          click: () => this.disabled || this.$emit('update:color', fromHex(color === 'transparent' ? '#00000000' : color)),\n        },\n      }, [content])\n    },\n    genSwatches () {\n      return this.swatches.map(swatch => {\n        const colors = swatch.map(this.genColor)\n\n        return this.$createElement('div', {\n          staticClass: 'v-color-picker__swatch',\n        }, colors)\n      })\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-color-picker__swatches',\n      style: {\n        maxWidth: convertToUnit(this.maxWidth),\n        maxHeight: convertToUnit(this.maxHeight),\n      },\n    }, [\n      this.$createElement('div', this.genSwatches()),\n    ])\n  },\n})\n"],"file":"VColorPickerSwatches.mjs"}
+{"version":3,"sources":["../../../src/components/VColorPicker/VColorPickerSwatches.tsx"],"names":["VIcon","convertToUnit","deepEqual","defineComponent","getContrast","colors","parseColor","parseDefaultColors","Object","keys","map","key","color","base","darken4","darken3","darken2","darken1","lighten1","lighten2","lighten3","lighten4","lighten5","black","white","transparent","VColorPickerSwatches","name","props","swatches","type","Array","default","disabled","Boolean","maxHeight","Number","String","emits","setup","emit","swatch","hsva","background","undefined"],"mappings":";AAAA;AACA,oC,CAEA;;SACSA,K,8BAET;;SACSC,a,EAAeC,S,EAAWC,e,EAAiBC,W;OAC7CC,M;SACEC,U,4BAET;;AAIA,SAASC,kBAAT,CAA6BF,MAA7B,EAA6E;AAC3E,SAAOG,MAAM,CAACC,IAAP,CAAYJ,MAAZ,EAAoBK,GAApB,CAAwBC,GAAG,IAAI;AACpC,UAAMC,KAAK,GAAGP,MAAM,CAACM,GAAD,CAApB;AACA,WAAOC,KAAK,CAACC,IAAN,GAAa,CAClBD,KAAK,CAACC,IADY,EAElBD,KAAK,CAACE,OAFY,EAGlBF,KAAK,CAACG,OAHY,EAIlBH,KAAK,CAACI,OAJY,EAKlBJ,KAAK,CAACK,OALY,EAMlBL,KAAK,CAACM,QANY,EAOlBN,KAAK,CAACO,QAPY,EAQlBP,KAAK,CAACQ,QARY,EASlBR,KAAK,CAACS,QATY,EAUlBT,KAAK,CAACU,QAVY,CAAb,GAWH,CACFV,KAAK,CAACW,KADJ,EAEFX,KAAK,CAACY,KAFJ,EAGFZ,KAAK,CAACa,WAHJ,CAXJ;AAgBD,GAlBM,CAAP;AAmBD;;AAED,OAAO,MAAMC,oBAAoB,GAAGvB,eAAe,CAAC;AAClDwB,EAAAA,IAAI,EAAE,sBAD4C;AAGlDC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,IAAI,EAAEC,KADE;AAERC,MAAAA,OAAO,EAAE,MAAMzB,kBAAkB,CAACF,MAAD;AAFzB,KADL;AAKL4B,IAAAA,QAAQ,EAAEC,OALL;AAMLtB,IAAAA,KAAK,EAAEJ,MANF;AAOL2B,IAAAA,SAAS,EAAE,CAACC,MAAD,EAASC,MAAT;AAPN,GAH2C;AAalDC,EAAAA,KAAK,EAAE;AACL,oBAAiB1B,KAAD,IAAiB;AAD5B,GAb2C;;AAiBlD2B,EAAAA,KAAK,CAAEX,KAAF,QAAmB;AAAA,QAAV;AAAEY,MAAAA;AAAF,KAAU;AACtB,WAAO;AAAA,eAEG,yBAFH;AAAA,eAGI;AACLL,QAAAA,SAAS,EAAElC,aAAa,CAAC2B,KAAK,CAACO,SAAP;AADnB;AAHJ,mCAQCP,KAAK,CAACC,QAAN,CAAenB,GAAf,CAAmB+B,MAAM;AAAA,eACd;AADc,QAErBA,MAAM,CAAC/B,GAAP,CAAWE,KAAK,IAAI;AACpB,YAAM8B,IAAI,GAAGpC,UAAU,CAACM,KAAD,CAAvB;AAEA;AAAA,iBAEU,gCAFV;AAAA,mBAGa,MAAM8B,IAAI,IAAIF,IAAI,CAAC,cAAD,EAAiBE,IAAjB;AAH/B;AAAA,iBAKgB;AAAEC,UAAAA,UAAU,EAAE/B;AAAd;AALhB,UAMQgB,KAAK,CAAChB,KAAN,IAAeV,SAAS,CAAC0B,KAAK,CAAChB,KAAP,EAAc8B,IAAd,CAAxB;AAAA,gBACc,SADd;AAAA,gBAC6B,UAD7B;AAAA,iBAC+CtC,WAAW,CAACQ,KAAD,EAAQ,SAAR,CAAX,GAAgC,CAAhC,GAAoC,OAApC,GAA8C;AAD7F,iBAEEgC,SARV;AAaD,KAhBC,CAFqB,EAAzB,CARD,IAAP;AAgCD;;AAlDiD,CAAD,CAA5C","sourcesContent":["// Styles\nimport './VColorPickerSwatches.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Utilities\nimport { convertToUnit, deepEqual, defineComponent, getContrast } from '@/util'\nimport colors from '@/util/colors'\nimport { parseColor } from './util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { HSVA } from '@/util'\n\nfunction parseDefaultColors (colors: Record<string, Record<string, string>>) {\n  return Object.keys(colors).map(key => {\n    const color = colors[key]\n    return color.base ? [\n      color.base,\n      color.darken4,\n      color.darken3,\n      color.darken2,\n      color.darken1,\n      color.lighten1,\n      color.lighten2,\n      color.lighten3,\n      color.lighten4,\n      color.lighten5,\n    ] : [\n      color.black,\n      color.white,\n      color.transparent,\n    ]\n  })\n}\n\nexport const VColorPickerSwatches = defineComponent({\n  name: 'VColorPickerSwatches',\n\n  props: {\n    swatches: {\n      type: Array as PropType<string[][]>,\n      default: () => parseDefaultColors(colors),\n    },\n    disabled: Boolean,\n    color: Object as PropType<HSVA | null>,\n    maxHeight: [Number, String],\n  },\n\n  emits: {\n    'update:color': (color: HSVA) => true,\n  },\n\n  setup (props, { emit }) {\n    return () => (\n      <div\n        class=\"v-color-picker-swatches\"\n        style={{\n          maxHeight: convertToUnit(props.maxHeight),\n        }}\n      >\n        <div>\n          { props.swatches.map(swatch => (\n            <div class=\"v-color-picker-swatches__swatch\">\n              { swatch.map(color => {\n                const hsva = parseColor(color)\n\n                return (\n                  <div\n                    class=\"v-color-picker-swatches__color\"\n                    onClick={() => hsva && emit('update:color', hsva)}\n                  >\n                    <div style={{ background: color }}>\n                      { props.color && deepEqual(props.color, hsva)\n                        ? <VIcon size=\"x-small\" icon=\"$success\" color={getContrast(color, '#FFFFFF') > 2 ? 'white' : 'black' } />\n                        : undefined\n                      }\n                    </div>\n                  </div>\n                )\n              }) }\n            </div>\n          ))}\n        </div>\n      </div>\n    )\n  },\n})\n"],"file":"VColorPickerSwatches.mjs"}

package/lib/components/VColorPicker/VColorPickerSwatches.sass

@@ -1,6 +1,8 @@
-@import './_variables.scss'
+@forward './variables'
+@use '../../styles/tools'
+@use './variables' as *
 
-.v-color-picker__swatches
+.v-color-picker-swatches
   overflow-y: auto
 
   > div
@@ -9,12 +11,12 @@
     justify-content: center
     padding: $color-picker-swatches-border-radius
 
-.v-color-picker__swatch
+.v-color-picker-swatches__swatch
   display: flex
   flex-direction: column
   margin-bottom: $color-picker-swatch-margin-bottom
 
-.v-color-picker__color
+.v-color-picker-swatches__color
   position: relative
   height: $color-picker-swatch-color-height
   max-height: $color-picker-swatch-color-height

package/lib/components/VColorPicker/_variables.scss

@@ -1,7 +1,6 @@
-@import '../../styles/styles.sass';
-
-$color-picker-border-radius: $border-radius-root !default;
-$color-picker-checkerboard: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) repeat !default;
+$color-picker-border-radius: 4px !default;
+$color-picker-elevation: 2 !default;
+$color-picker-checkerboard: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat !default;
 $color-picker-swatch-color-width: 45px !default;
 $color-picker-swatch-color-height: 18px !default;
 $color-picker-swatch-color-margin: 2px 4px !default;
@@ -12,13 +11,10 @@ $color-picker-canvas-dot-size: 15px !default;
 $color-picker-canvas-dot-box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 1), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3) !default;
 $color-picker-canvas-dot-disabled-box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3) !default;
 $color-picker-controls-padding: 16px !default;
-$color-picker-edit-margin-top: 24px !default;
-$color-picker-input-height: 28px !default;
+$color-picker-preview-margin-bottom: 24px !default;
+$color-picker-input-height: 32px !default;
 $color-picker-input-font-size: 0.75rem !default;
 $color-picker-input-margin: 8px !default;
 $color-picker-input-margin-bottom: 8px !default;
-$color-picker-slider-height: 10px !default;
-$color-picker-slider-border-radius: $color-picker-slider-height / 2 !default;
 $color-picker-preview-dot-size: 30px !default;
 $color-picker-preview-dot-margin: 24px !default;
-$color-picker-hue-margin-bottom: 24px !default;

package/lib/components/VColorPicker/index.mjs

@@ -1,6 +1,2 @@
-import VColorPicker from "./VColorPicker.mjs";
-import VColorPickerSwatches from "./VColorPickerSwatches.mjs";
-import VColorPickerCanvas from "./VColorPickerCanvas.mjs";
-export { VColorPicker, VColorPickerSwatches, VColorPickerCanvas };
-export default VColorPicker;
+export { VColorPicker } from "./VColorPicker.mjs";
 //# sourceMappingURL=index.mjs.map

package/lib/components/VColorPicker/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VColorPicker/index.ts"],"names":["VColorPicker","VColorPickerSwatches","VColorPickerCanvas"],"mappings":"OAAOA,Y;OACAC,oB;OACAC,kB;AAEP,SAASF,YAAT,EAAuBC,oBAAvB,EAA6CC,kBAA7C;AACA,eAAeF,YAAf","sourcesContent":["import VColorPicker from './VColorPicker'\nimport VColorPickerSwatches from './VColorPickerSwatches'\nimport VColorPickerCanvas from './VColorPickerCanvas'\n\nexport { VColorPicker, VColorPickerSwatches, VColorPickerCanvas }\nexport default VColorPicker\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VColorPicker/index.ts"],"names":["VColorPicker"],"mappings":"SAASA,Y","sourcesContent":["export { VColorPicker } from './VColorPicker'\n"],"file":"index.mjs"}

package/lib/components/VColorPicker/util/index.mjs

@@ -1,113 +1,36 @@
-// @ts-nocheck
+var _rgba$inputs;
 
-/* eslint-disable */
 // Utilities
-import { HSVAtoRGBA, HSVAtoHex, RGBAtoHSVA, HexToHSVA, HSVAtoHSLA, RGBAtoHex, HSLAtoHSVA, parseHex } from "../../../util/colorUtils.mjs";
-export function fromHSVA(hsva) {
-  hsva = { ...hsva
-  };
-  const hexa = HSVAtoHex(hsva);
-  const hsla = HSVAtoHSLA(hsva);
-  const rgba = HSVAtoRGBA(hsva);
-  return {
-    alpha: hsva.a,
-    hex: hexa.substr(0, 7),
-    hexa,
-    hsla,
-    hsva,
-    hue: hsva.h,
-    rgba
-  };
-}
-export function fromHSLA(hsla) {
-  const hsva = HSLAtoHSVA(hsla);
-  const hexa = HSVAtoHex(hsva);
-  const rgba = HSVAtoRGBA(hsva);
-  return {
-    alpha: hsva.a,
-    hex: hexa.substr(0, 7),
-    hexa,
-    hsla,
-    hsva,
-    hue: hsva.h,
-    rgba
-  };
-}
-export function fromRGBA(rgba) {
-  const hsva = RGBAtoHSVA(rgba);
-  const hexa = RGBAtoHex(rgba);
-  const hsla = HSVAtoHSLA(hsva);
-  return {
-    alpha: hsva.a,
-    hex: hexa.substr(0, 7),
-    hexa,
-    hsla,
-    hsva,
-    hue: hsva.h,
-    rgba
-  };
-}
-export function fromHexa(hexa) {
-  const hsva = HexToHSVA(hexa);
-  const hsla = HSVAtoHSLA(hsva);
-  const rgba = HSVAtoRGBA(hsva);
-  return {
-    alpha: hsva.a,
-    hex: hexa.substr(0, 7),
-    hexa,
-    hsla,
-    hsva,
-    hue: hsva.h,
-    rgba
-  };
-}
-export function fromHex(hex) {
-  return fromHexa(parseHex(hex));
-}
+import { HexToHSVA, HSLAtoHSVA, HSVAtoHex, HSVAtoHSLA, HSVAtoRGBA, parseHex, RGBAtoHSVA } from "../../../util/colorUtils.mjs"; // Types
 
 function has(obj, key) {
   return key.every(k => obj.hasOwnProperty(k));
 }
 
-export function parseColor(color, oldColor) {
-  if (!color) return fromRGBA({
-    r: 255,
-    g: 0,
-    b: 0,
-    a: 1
-  });
+export function parseColor(color) {
+  var _hsva$a;
+
+  if (!color) return null;
+  let hsva = null;
 
   if (typeof color === 'string') {
-    if (color === 'transparent') return fromHexa('#00000000');
     const hex = parseHex(color);
-    if (oldColor && hex === oldColor.hexa) return oldColor;else return fromHexa(hex);
+    hsva = HexToHSVA(hex);
   }
 
   if (typeof color === 'object') {
-    if (color.hasOwnProperty('alpha')) return color;
-    const a = color.hasOwnProperty('a') ? parseFloat(color.a) : 1;
-
     if (has(color, ['r', 'g', 'b'])) {
-      if (oldColor && color === oldColor.rgba) return oldColor;else return fromRGBA({ ...color,
-        a
-      });
+      hsva = RGBAtoHSVA(color);
     } else if (has(color, ['h', 's', 'l'])) {
-      if (oldColor && color === oldColor.hsla) return oldColor;else return fromHSLA({ ...color,
-        a
-      });
+      hsva = HSLAtoHSVA(color);
     } else if (has(color, ['h', 's', 'v'])) {
-      if (oldColor && color === oldColor.hsva) return oldColor;else return fromHSVA({ ...color,
-        a
-      });
+      hsva = color;
     }
   }
 
-  return fromRGBA({
-    r: 255,
-    g: 0,
-    b: 0,
-    a: 1
-  });
+  return hsva != null ? { ...hsva,
+    a: (_hsva$a = hsva.a) != null ? _hsva$a : 1
+  } : null;
 }
 
 function stripAlpha(color, stripAlpha) {
@@ -123,15 +46,15 @@ function stripAlpha(color, stripAlpha) {
 }
 
 export function extractColor(color, input) {
-  if (input == null) return color;
-
-  if (typeof input === 'string') {
-    return input.length === 7 ? color.hex : color.hexa;
+  if (input == null || typeof input === 'string') {
+    const hex = HSVAtoHex(color);
+    if (color.a === 1) return hex.slice(0, 7);else return hex;
   }
 
   if (typeof input === 'object') {
-    const shouldStrip = typeof input.a === 'number' && input.a === 0 ? !!input.a : !input.a;
-    if (has(input, ['r', 'g', 'b'])) return stripAlpha(color.rgba, shouldStrip);else if (has(input, ['h', 's', 'l'])) return stripAlpha(color.hsla, shouldStrip);else if (has(input, ['h', 's', 'v'])) return stripAlpha(color.hsva, shouldStrip);
+    let converted;
+    if (has(input, ['r', 'g', 'b'])) converted = HSVAtoRGBA(color);else if (has(input, ['h', 's', 'l'])) converted = HSVAtoHSLA(color);else if (has(input, ['h', 's', 'v'])) converted = color;
+    return stripAlpha(converted, !has(input, ['a']));
   }
 
   return color;
@@ -149,4 +72,125 @@ export function hasAlpha(color) {
 
   return false;
 }
+export const nullColor = {
+  h: 0,
+  s: 0,
+  v: 1,
+  a: 1
+};
+const rgba = {
+  inputProps: {
+    type: 'number',
+    min: 0
+  },
+  inputs: [{
+    label: 'R',
+    max: 255,
+    step: 1,
+    getValue: c => Math.round(c.r),
+    getColor: (c, v) => ({ ...c,
+      r: Number(v)
+    })
+  }, {
+    label: 'G',
+    max: 255,
+    step: 1,
+    getValue: c => Math.round(c.g),
+    getColor: (c, v) => ({ ...c,
+      g: Number(v)
+    })
+  }, {
+    label: 'B',
+    max: 255,
+    step: 1,
+    getValue: c => Math.round(c.b),
+    getColor: (c, v) => ({ ...c,
+      b: Number(v)
+    })
+  }, {
+    label: 'A',
+    max: 1,
+    step: 0.01,
+    getValue: c => Math.round(c.a * 100) / 100,
+    getColor: (c, v) => ({ ...c,
+      a: Number(v)
+    })
+  }],
+  to: HSVAtoRGBA,
+  from: RGBAtoHSVA
+};
+const rgb = { ...rgba,
+  inputs: (_rgba$inputs = rgba.inputs) == null ? void 0 : _rgba$inputs.slice(0, 3)
+};
+const hsla = {
+  inputProps: {
+    type: 'number',
+    min: 0
+  },
+  inputs: [{
+    label: 'H',
+    max: 360,
+    step: 1,
+    getValue: c => Math.round(c.h),
+    getColor: (c, v) => ({ ...c,
+      h: Number(v)
+    })
+  }, {
+    label: 'S',
+    max: 1,
+    step: 0.01,
+    getValue: c => Math.round(c.s * 100) / 100,
+    getColor: (c, v) => ({ ...c,
+      s: Number(v)
+    })
+  }, {
+    label: 'L',
+    max: 1,
+    step: 0.01,
+    getValue: c => Math.round(c.l * 100) / 100,
+    getColor: (c, v) => ({ ...c,
+      l: Number(v)
+    })
+  }, {
+    label: 'A',
+    max: 1,
+    step: 0.01,
+    getValue: c => Math.round(c.a * 100) / 100,
+    getColor: (c, v) => ({ ...c,
+      a: Number(v)
+    })
+  }],
+  to: HSVAtoHSLA,
+  from: HSLAtoHSVA
+};
+const hsl = { ...hsla,
+  inputs: hsla.inputs.slice(0, 3)
+};
+const hexa = {
+  inputProps: {
+    type: 'text'
+  },
+  inputs: [{
+    label: 'HEXA',
+    getValue: c => c,
+    getColor: (c, v) => v
+  }],
+  to: HSVAtoHex,
+  from: HexToHSVA
+};
+const hex = { ...hexa,
+  inputs: [{
+    label: 'HEX',
+    getValue: c => c.slice(0, 7),
+    getColor: (c, v) => v
+  }]
+};
+export const modes = {
+  rgb,
+  rgba,
+  hsl,
+  hsla,
+  hex,
+  hexa
+};
 //# sourceMappingURL=index.mjs.map

package/lib/components/VColorPicker/util/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/VColorPicker/util/index.ts"],"names":["HSVAtoRGBA","HSVAtoHex","RGBAtoHSVA","HexToHSVA","HSVAtoHSLA","RGBAtoHex","HSLAtoHSVA","parseHex","fromHSVA","hsva","hexa","hsla","rgba","alpha","a","hex","substr","hue","h","fromHSLA","fromRGBA","fromHexa","fromHex","has","obj","key","every","k","hasOwnProperty","parseColor","color","oldColor","r","g","b","parseFloat","stripAlpha","rest","extractColor","input","length","shouldStrip","hasAlpha"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Utilities\nimport {\n  HSVA,\n  HSVAtoRGBA,\n  HSVAtoHex,\n  RGBA,\n  Hex,\n  RGBAtoHSVA,\n  HexToHSVA,\n  HSLA,\n  HSVAtoHSLA,\n  RGBAtoHex,\n  HSLAtoHSVA,\n  parseHex,\n  Hexa,\n} from '../../../util/colorUtils'\n\nexport interface VColorPickerColor {\n  alpha: number\n  hex: Hex\n  hexa: Hexa\n  hsla: HSLA\n  hsva: HSVA\n  hue: number\n  rgba: RGBA\n}\n\nexport function fromHSVA (hsva: HSVA): VColorPickerColor {\n  hsva = { ...hsva }\n  const hexa = HSVAtoHex(hsva)\n  const hsla = HSVAtoHSLA(hsva)\n  const rgba = HSVAtoRGBA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromHSLA (hsla: HSLA): VColorPickerColor {\n  const hsva = HSLAtoHSVA(hsla)\n  const hexa = HSVAtoHex(hsva)\n  const rgba = HSVAtoRGBA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromRGBA (rgba: RGBA): VColorPickerColor {\n  const hsva = RGBAtoHSVA(rgba)\n  const hexa = RGBAtoHex(rgba)\n  const hsla = HSVAtoHSLA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromHexa (hexa: Hexa): VColorPickerColor {\n  const hsva = HexToHSVA(hexa)\n  const hsla = HSVAtoHSLA(hsva)\n  const rgba = HSVAtoRGBA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromHex (hex: Hex): VColorPickerColor {\n  return fromHexa(parseHex(hex))\n}\n\nfunction has (obj: object, key: string[]) {\n  return key.every(k => obj.hasOwnProperty(k))\n}\n\nexport function parseColor (color: any, oldColor: VColorPickerColor | null) {\n  if (!color) return fromRGBA({ r: 255, g: 0, b: 0, a: 1 })\n\n  if (typeof color === 'string') {\n    if (color === 'transparent') return fromHexa('#00000000')\n\n    const hex = parseHex(color)\n\n    if (oldColor && hex === oldColor.hexa) return oldColor\n    else return fromHexa(hex)\n  }\n\n  if (typeof color === 'object') {\n    if (color.hasOwnProperty('alpha')) return color\n\n    const a = color.hasOwnProperty('a') ? parseFloat(color.a) : 1\n\n    if (has(color, ['r', 'g', 'b'])) {\n      if (oldColor && color === oldColor.rgba) return oldColor\n      else return fromRGBA({ ...color, a })\n    } else if (has(color, ['h', 's', 'l'])) {\n      if (oldColor && color === oldColor.hsla) return oldColor\n      else return fromHSLA({ ...color, a })\n    } else if (has(color, ['h', 's', 'v'])) {\n      if (oldColor && color === oldColor.hsva) return oldColor\n      else return fromHSVA({ ...color, a })\n    }\n  }\n\n  return fromRGBA({ r: 255, g: 0, b: 0, a: 1 })\n}\n\nfunction stripAlpha (color: any, stripAlpha: boolean) {\n  if (stripAlpha) {\n    const { a, ...rest } = color\n\n    return rest\n  }\n\n  return color\n}\n\nexport function extractColor (color: VColorPickerColor, input: any) {\n  if (input == null) return color\n\n  if (typeof input === 'string') {\n    return input.length === 7 ? color.hex : color.hexa\n  }\n\n  if (typeof input === 'object') {\n    const shouldStrip = typeof input.a === 'number' && input.a === 0 ? !!input.a : !input.a\n    if (has(input, ['r', 'g', 'b'])) return stripAlpha(color.rgba, shouldStrip)\n    else if (has(input, ['h', 's', 'l'])) return stripAlpha(color.hsla, shouldStrip)\n    else if (has(input, ['h', 's', 'v'])) return stripAlpha(color.hsva, shouldStrip)\n  }\n\n  return color\n}\n\nexport function hasAlpha (color: any) {\n  if (!color) return false\n\n  if (typeof color === 'string') {\n    return color.length > 7\n  }\n\n  if (typeof color === 'object') {\n    return has(color, ['a']) || has(color, ['alpha'])\n  }\n\n  return false\n}\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../../src/components/VColorPicker/util/index.ts"],"names":["HexToHSVA","HSLAtoHSVA","HSVAtoHex","HSVAtoHSLA","HSVAtoRGBA","parseHex","RGBAtoHSVA","has","obj","key","every","k","hasOwnProperty","parseColor","color","hsva","hex","a","stripAlpha","rest","extractColor","input","slice","converted","hasAlpha","length","nullColor","h","s","v","rgba","inputProps","type","min","inputs","label","max","step","getValue","c","Math","round","r","getColor","Number","g","b","to","from","rgb","hsla","l","hsl","hexa","modes"],"mappings":"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","sourcesContent":["// Utilities\nimport {\n  HexToHSVA,\n  HSLAtoHSVA,\n  HSVAtoHex,\n  HSVAtoHSLA,\n  HSVAtoRGBA,\n  parseHex,\n  RGBAtoHSVA,\n} from '@/util/colorUtils'\n\n// Types\nimport type {\n  HSLA,\n  HSVA,\n  RGBA,\n} from '@/util/colorUtils'\n\nfunction has (obj: object, key: string[]) {\n  return key.every(k => obj.hasOwnProperty(k))\n}\n\nexport function parseColor (color: any): HSVA | null {\n  if (!color) return null\n\n  let hsva: HSVA | null = null\n\n  if (typeof color === 'string') {\n    const hex = parseHex(color)\n\n    hsva = HexToHSVA(hex)\n  }\n\n  if (typeof color === 'object') {\n    if (has(color, ['r', 'g', 'b'])) {\n      hsva = RGBAtoHSVA(color)\n    } else if (has(color, ['h', 's', 'l'])) {\n      hsva = HSLAtoHSVA(color)\n    } else if (has(color, ['h', 's', 'v'])) {\n      hsva = color\n    }\n  }\n\n  return hsva != null ? { ...hsva, a: hsva.a ?? 1 } : null\n}\n\nfunction stripAlpha (color: any, stripAlpha: boolean) {\n  if (stripAlpha) {\n    const { a, ...rest } = color\n\n    return rest\n  }\n\n  return color\n}\n\nexport function extractColor (color: HSVA, input: any) {\n  if (input == null || typeof input === 'string') {\n    const hex = HSVAtoHex(color)\n\n    if (color.a === 1) return hex.slice(0, 7)\n    else return hex\n  }\n\n  if (typeof input === 'object') {\n    let converted\n\n    if (has(input, ['r', 'g', 'b'])) converted = HSVAtoRGBA(color)\n    else if (has(input, ['h', 's', 'l'])) converted = HSVAtoHSLA(color)\n    else if (has(input, ['h', 's', 'v'])) converted = color\n\n    return stripAlpha(converted, !has(input, ['a']))\n  }\n\n  return color\n}\n\nexport function hasAlpha (color: any) {\n  if (!color) return false\n\n  if (typeof color === 'string') {\n    return color.length > 7\n  }\n\n  if (typeof color === 'object') {\n    return has(color, ['a']) || has(color, ['alpha'])\n  }\n\n  return false\n}\n\nexport const nullColor = { h: 0, s: 0, v: 1, a: 1 }\n\nexport type ColorPickerMode = {\n  inputProps: Record<string, unknown>\n  inputs: {\n    [key: string]: any\n    getValue: (color: any) => number | string\n    getColor: (color: any, v: string) => any\n  }[]\n  from: (color: any) => HSVA\n  to: (color: HSVA) => any\n}\n\nconst rgba: ColorPickerMode = {\n  inputProps: {\n    type: 'number',\n    min: 0,\n  },\n  inputs: [\n    {\n      label: 'R',\n      max: 255,\n      step: 1,\n      getValue: (c: RGBA) => Math.round(c.r),\n      getColor: (c: RGBA, v: string): RGBA => ({ ...c, r: Number(v) }),\n    },\n    {\n      label: 'G',\n      max: 255,\n      step: 1,\n      getValue: (c: RGBA) => Math.round(c.g),\n      getColor: (c: RGBA, v: string): RGBA => ({ ...c, g: Number(v) }),\n    },\n    {\n      label: 'B',\n      max: 255,\n      step: 1,\n      getValue: (c: RGBA) => Math.round(c.b),\n      getColor: (c: RGBA, v: string): RGBA => ({ ...c, b: Number(v) }),\n    },\n    {\n      label: 'A',\n      max: 1,\n      step: 0.01,\n      getValue: (c: RGBA) => Math.round(c.a * 100) / 100,\n      getColor: (c: RGBA, v: string): RGBA => ({ ...c, a: Number(v) }),\n    },\n  ],\n  to: HSVAtoRGBA,\n  from: RGBAtoHSVA,\n}\n\nconst rgb = {\n  ...rgba,\n  inputs: rgba.inputs?.slice(0, 3),\n}\n\nconst hsla: ColorPickerMode = {\n  inputProps: {\n    type: 'number',\n    min: 0,\n  },\n  inputs: [\n    {\n      label: 'H',\n      max: 360,\n      step: 1,\n      getValue: (c: HSLA) => Math.round(c.h),\n      getColor: (c: HSLA, v: string): HSLA => ({ ...c, h: Number(v) }),\n    },\n    {\n      label: 'S',\n      max: 1,\n      step: 0.01,\n      getValue: (c: HSLA) => Math.round(c.s * 100) / 100,\n      getColor: (c: HSLA, v: string): HSLA => ({ ...c, s: Number(v) }),\n    },\n    {\n      label: 'L',\n      max: 1,\n      step: 0.01,\n      getValue: (c: HSLA) => Math.round(c.l * 100) / 100,\n      getColor: (c: HSLA, v: string): HSLA => ({ ...c, l: Number(v) }),\n    },\n    {\n      label: 'A',\n      max: 1,\n      step: 0.01,\n      getValue: (c: HSLA) => Math.round(c.a * 100) / 100,\n      getColor: (c: HSLA, v: string): HSLA => ({ ...c, a: Number(v) }),\n    },\n  ],\n  to: HSVAtoHSLA,\n  from: HSLAtoHSVA,\n}\n\nconst hsl = {\n  ...hsla,\n  inputs: hsla.inputs.slice(0, 3),\n}\n\nconst hexa: ColorPickerMode = {\n  inputProps: {\n    type: 'text',\n  },\n  inputs: [\n    {\n      label: 'HEXA',\n      getValue: (c: string) => c,\n      getColor: (c: string, v: string) => v,\n    },\n  ],\n  to: HSVAtoHex,\n  from: HexToHSVA,\n}\n\nconst hex = {\n  ...hexa,\n  inputs: [\n    {\n      label: 'HEX',\n      getValue: (c: string) => c.slice(0, 7),\n      getColor: (c: string, v: string) => v,\n    },\n  ],\n}\n\nexport const modes: Record<string, ColorPickerMode> = {\n  rgb,\n  rgba,\n  hsl,\n  hsla,\n  hex,\n  hexa,\n}\n"],"file":"index.mjs"}

package/lib/components/VCombobox/VCombobox.css

@@ -0,0 +1,66 @@
+.v-combobox .v-field .v-text-field__prefix,
+.v-combobox .v-field .v-text-field__suffix,
+.v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
+  cursor: text;
+}
+.v-combobox .v-field .v-field__input > input {
+  align-self: flex-start;
+  flex: 1 1;
+}
+.v-combobox .v-field .v-field__append-inner > .v-icon {
+  margin-inline-start: 4px;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-combobox .v-field:not(.v-field--focused) input {
+  min-width: 0;
+}
+.v-combobox .v-field--dirty .v-combobox__selection {
+  margin-inline-end: 2px;
+}
+
+.v-combobox__content {
+  overflow: hidden;
+  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 4px;
+}
+.v-combobox__mask {
+  background: rgb(var(--v-theme-on-surface-variant));
+}
+.v-combobox__selection {
+  display: inline-flex;
+  letter-spacing: inherit;
+  line-height: inherit;
+}
+.v-combobox--active-menu .v-field__append-inner > .v-icon {
+  opacity: var(--v-high-emphasis-opacity);
+  transform: rotate(180deg);
+}
+.v-combobox--chips .v-combobox__selection:first-child {
+  margin-inline-start: 0;
+}
+.v-combobox--selecting-index .v-combobox__selection {
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-combobox--selecting-index .v-combobox__selection--selected {
+  opacity: 1;
+}
+.v-combobox--selecting-index .v-field__input > input {
+  caret-color: transparent !important;
+}
+.v-combobox--single.v-text-field input {
+  flex: 1 1;
+  position: absolute;
+  left: 0;
+  right: 0;
+  padding-inline-start: inherit;
+  padding-inline-end: inherit;
+}
+.v-combobox--single .v-field--active input {
+  transition: none;
+}
+.v-combobox--single .v-field--dirty:not(.v-field--focused) input {
+  opacity: 0;
+}
+.v-combobox--single .v-field--focused .v-combobox__selection {
+  opacity: 0;
+}