@progress/kendo-vue-inputs
Version:
9 lines (8 loc) • 2.41 kB
JavaScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("@progress/kendo-vue-intl"),a=require("@progress/kendo-svg-icons"),o=require("../messages/main.js"),L=require("./utils/color-parser.js"),n=require("@progress/kendo-vue-common"),C=e.defineComponent({name:"KendoColorContrastLabels",props:{bgColor:Object,rgba:Object},inject:{kendoLocalizationService:{default:null}},render(){const t=p.provideLocalizationService(this),d=t.toLanguageString(o.colorGradientContrastRatio,o.messages[o.colorGradientContrastRatio]),g=t.toLanguageString(o.colorGradientAALevel,o.messages[o.colorGradientAALevel]),u=t.toLanguageString(o.colorGradientAAALevel,o.messages[o.colorGradientAAALevel]),k=t.toLanguageString(o.colorGradientPass,o.messages[o.colorGradientPass]),v=t.toLanguageString(o.colorGradientFail,o.messages[o.colorGradientFail]),s=L.getContrastFromTwoRGBAs(this.$props.rgba,this.$props.bgColor),A=4.5.toFixed(1),V=7 .toFixed(1),x=`${d}: ${s.toFixed(2)}`,N=`${g}: ${A}`,m=`${u}: ${V}`,r=s>=4.5,c=s>=7,l=e.createVNode("span",{key:1,class:"k-contrast-validation k-text-success"},[k,e.createTextVNode(" "),e.createVNode(n.Icon,{name:"check",icon:a.checkIcon},null)]),i=e.createVNode("span",{key:2,class:"k-contrast-validation k-text-error"},[v,e.createTextVNode(" "),e.createVNode(n.Icon,{name:"x",icon:a.xIcon},null)]);return e.createVNode("div",{class:"k-vbox k-colorgradient-color-contrast"},[e.createVNode("div",{class:"k-contrast-ratio"},[e.createVNode("span",{class:"k-contrast-ratio-text"},[x]),r?e.createVNode("span",{class:"k-contrast-validation k-text-success"},[e.createVNode(n.Icon,{name:"check",icon:a.checkIcon},null),c&&e.createVNode(n.Icon,{name:"check",icon:a.checkIcon},null)]):e.createVNode("span",{class:"k-contrast-validation k-text-error"},[e.createVNode(n.Icon,{name:"x",icon:a.xIcon},null)])]),e.createVNode("div",null,[e.createVNode("span",null,[N]),r?l:i]),e.createVNode("div",null,[e.createVNode("span",null,[m]),c?l:i])])}});exports.ColorContrastLabels=C;