@progress/kendo-vue-inputs 3.4.0 → 3.4.2-dev.202207070519

package/dist/npm/colors/ColorContrastLabels.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorContrastLabelsVue2 = exports.ColorContrastLabels = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var messages_1 = require("../messages");
+
+var color_parser_1 = require("./utils/color-parser");
+/**
+ * @hidden
+ */
+
+
+var ColorContrastLabelsVue2 = {
+  name: 'KendoColorContrastLabels',
+  props: {
+    bgColor: Object,
+    rgba: Object
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var ls = kendo_vue_intl_1.provideLocalizationService(this);
+    var contrastRatioMessage = ls.toLanguageString(messages_1.colorGradientContrastRatio, messages_1.messages[messages_1.colorGradientContrastRatio]);
+    var AALevelMessage = ls.toLanguageString(messages_1.colorGradientAALevel, messages_1.messages[messages_1.colorGradientAALevel]);
+    var AAALevelMessage = ls.toLanguageString(messages_1.colorGradientAAALevel, messages_1.messages[messages_1.colorGradientAAALevel]);
+    var passMessage = ls.toLanguageString(messages_1.colorGradientPass, messages_1.messages[messages_1.colorGradientPass]);
+    var failMessage = ls.toLanguageString(messages_1.colorGradientFail, messages_1.messages[messages_1.colorGradientFail]);
+    var contrast = color_parser_1.getContrastFromTwoRGBAs(this.$props.rgba, this.$props.bgColor);
+    var requiredAAContrast = 4.5.toFixed(1);
+    var requiredAAAContrast = 7.0.toFixed(1);
+    var contrastText = contrastRatioMessage + ": " + contrast.toFixed(2);
+    var aaText = AALevelMessage + ": " + requiredAAContrast;
+    var aaaText = AAALevelMessage + ": " + requiredAAAContrast;
+    var success = h("span", {
+      "class": "k-contrast-validation k-text-success"
+    }, [passMessage, " ", h("span", {
+      "class": "k-icon k-i-check"
+    })]);
+    var error = h("span", {
+      "class": "k-contrast-validation k-text-error"
+    }, [failMessage, " ", h("span", {
+      "class": "k-icon k-i-close"
+    })]);
+    return h("div", {
+      "class": "k-vbox k-colorgradient-color-contrast"
+    }, [h("div", {
+      "class": "k-contrast-ratio"
+    }, [h("span", {
+      "class": "k-contrast-ratio-text"
+    }, [contrastText]), contrast >= 4.5 ? h("span", {
+      "class": "k-contrast-validation k-text-success"
+    }, [h("span", {
+      "class": "k-icon k-i-check"
+    }), contrast >= 7 && h("span", {
+      "class": "k-icon k-i-check"
+    })]) : h("span", {
+      "class": "k-contrast-validation k-text-error"
+    }, [h("span", {
+      "class": "k-icon k-i-close"
+    })])]), h("div", [h("span", [aaText]), contrast >= 4.5 ? success : error]), h("div", [h("span", [aaaText]), contrast >= 7 ? success : error])]);
+  }
+};
+exports.ColorContrastLabelsVue2 = ColorContrastLabelsVue2;
+/**
+ * @hidden
+ */
+
+var ColorContrastLabels = ColorContrastLabelsVue2;
+exports.ColorContrastLabels = ColorContrastLabels;

package/dist/npm/colors/ColorContrastSvg.d.ts

@@ -0,0 +1,50 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { HSVA } from './models/hsva';
+/**
+ * @hidden
+ */
+export interface ColorContrastSvgProps {
+    metrics: ClientRect | undefined;
+    backgroundColor: string;
+    hsva: HSVA;
+}
+/**
+ * @hidden
+ */
+export interface ColorContrastSvgState {
+}
+/**
+ * @hidden
+ */
+export interface ColorContrastSvgComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ColorContrastSvgMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ColorContrastSvgData {
+}
+/**
+ * @hidden
+ */
+export interface ColorContrastSvgAll extends Vue2type, ColorContrastSvgMethods, ColorContrastSvgData, ColorContrastSvgComputed, ColorContrastSvgState {
+}
+/**
+ * @hidden
+ */
+declare let ColorContrastSvgVue2: ComponentOptions<ColorContrastSvgAll, DefaultData<ColorContrastSvgData>, DefaultMethods<ColorContrastSvgAll>, ColorContrastSvgComputed, RecordPropsDefinition<ColorContrastSvgProps>>;
+/**
+ * @hidden
+ */
+declare const ColorContrastSvg: DefineComponent<ColorContrastSvgProps, any, ColorContrastSvgData, ColorContrastSvgComputed, ColorContrastSvgMethods, {}, {}, {}, string, ColorContrastSvgProps, ColorContrastSvgProps, {}>;
+export { ColorContrastSvg, ColorContrastSvgVue2 };

package/dist/npm/colors/ColorContrastSvg.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorContrastSvgVue2 = exports.ColorContrastSvg = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
+
+var svg_calc_1 = require("./utils/svg-calc");
+
+var color_parser_1 = require("./utils/color-parser");
+
+var AA_CONTRAST = 4.5;
+var AAA_CONTRAST = 7;
+var STEP_COUNT = 16;
+/**
+ * @hidden
+ */
+
+var ColorContrastSvgVue2 = {
+  name: 'KendoColorContrastSvg',
+  props: {
+    metrics: Object,
+    backgroundColor: String,
+    hsva: Object
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+
+    var renderSvgCurveLine = function renderSvgCurveLine() {
+      var _this = this;
+
+      var gradientRectMetrics = this.$props.metrics;
+
+      var findValue = function findValue(contrast, saturation, low, high, comparer) {
+        var mid = (low + high) / 2;
+        var hsva = Object.assign({}, _this.$props.hsva, {
+          s: saturation / gradientRectMetrics.width,
+          v: 1 - mid / gradientRectMetrics.height
+        });
+        var currentContrast = color_parser_1.getContrastFromTwoRGBAs(color_parser_1.getRGBA(color_parser_1.getColorFromHSV(hsva)), color_parser_1.getRGBA(_this.$props.backgroundColor || ''));
+
+        if (low + 0.5 > high) {
+          if (currentContrast < contrast + 1 && currentContrast > contrast - 1) {
+            return mid;
+          } else {
+            return null;
+          }
+        }
+
+        if (comparer(currentContrast, contrast)) {
+          return findValue(contrast, saturation, low, high - (high - low) / 2, comparer);
+        }
+
+        return findValue(contrast, saturation, low + (high - low) / 2, high, comparer);
+      };
+
+      var getPaths = function getPaths(contrast, stepCount, reversed) {
+        if (reversed === void 0) {
+          reversed = false;
+        }
+
+        var points = [];
+
+        for (var i = 0; i <= gradientRectMetrics.width; i += gradientRectMetrics.width / stepCount) {
+          var value = findValue(contrast, i, 0, gradientRectMetrics.height, reversed ? function (a, b) {
+            return a < b;
+          } : function (a, b) {
+            return a > b;
+          });
+
+          if (value !== null) {
+            points.push([i, value]);
+          }
+        }
+
+        return points;
+      };
+
+      var bezierCommandCalc = svg_calc_1.bezierCommand(svg_calc_1.controlPoint(svg_calc_1.line));
+      return svg_calc_1.svgPath(getPaths(AA_CONTRAST, STEP_COUNT), bezierCommandCalc) + svg_calc_1.svgPath(getPaths(AA_CONTRAST, STEP_COUNT, true), bezierCommandCalc) + svg_calc_1.svgPath(getPaths(AAA_CONTRAST, STEP_COUNT), bezierCommandCalc) + svg_calc_1.svgPath(getPaths(AAA_CONTRAST, STEP_COUNT, true), bezierCommandCalc);
+    };
+
+    return h("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      attrs: this.v3 ? undefined : {
+        xmlns: "http://www.w3.org/2000/svg"
+      },
+      "class": 'k-color-contrast-svg',
+      style: {
+        position: 'absolute',
+        overflow: 'visible',
+        pointerEvents: 'none',
+        left: 0,
+        top: 0,
+        zIndex: 3
+      }
+    }, [renderSvgCurveLine.call(this)]);
+  }
+};
+exports.ColorContrastSvgVue2 = ColorContrastSvgVue2;
+/**
+ * @hidden
+ */
+
+var ColorContrastSvg = ColorContrastSvgVue2;
+exports.ColorContrastSvg = ColorContrastSvg;

package/dist/npm/colors/ColorGradient.d.ts

@@ -0,0 +1,51 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { HSVA } from './models/hsva';
+import { RGBA } from './models/rgba';
+import { ColorGradientProps } from './interfaces/ColorGradientProps';
+/**
+ * @hidden
+ */
+export interface ColorGradientState {
+    guidId: string;
+    gradientWrapper: any;
+}
+/**
+ * @hidden
+ */
+export interface ColorGradientComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ColorGradientMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ColorGradientData {
+    hsva: HSVA;
+    backgroundColor: string;
+    rgba: RGBA;
+    hex: string;
+    isFirstRender: boolean;
+}
+/**
+ * @hidden
+ */
+export interface ColorGradientAll extends Vue2type, ColorGradientMethods, ColorGradientData, ColorGradientComputed, ColorGradientState {
+}
+/**
+ * @hidden
+ */
+declare let ColorGradientVue2: ComponentOptions<ColorGradientAll, DefaultData<ColorGradientData>, DefaultMethods<ColorGradientAll>, ColorGradientComputed, RecordPropsDefinition<ColorGradientProps>>;
+/**
+ * @hidden
+ */
+declare const ColorGradient: DefineComponent<ColorGradientProps, any, ColorGradientData, ColorGradientComputed, ColorGradientMethods, {}, {}, {}, string, ColorGradientProps, ColorGradientProps, {}>;
+export { ColorGradient, ColorGradientVue2 };