@kit-data-manager/pid-component/dist/components/color-highlight.js

The PID-Component is a web component that can be used to evaluate and display FAIR Digital Objects, PIDs, ORCiDs, and possibly other identifiers in a user-friendly way. It is easily extensible to support other identifier types.

/*!
 * 
 * Copyright 2024-2026 Karlsruhe Institute of Technology.
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *       https://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * 
 */
import{p as t,H as s,h as n,c as e,t as o}from"./p-Bw7bVt6t.js";class c{constructor(t,s,n){this.hue=t;this.sat=s;this.lum=n}static async generateColor(t){if(window.crypto&&window.crypto.subtle){const s=await window.crypto.subtle.digest("SHA-256",(new TextEncoder).encode(t));const n=Array.from(new Uint8Array(s));const e=n.map((t=>t.toString(16).padStart(2,"0"))).join("");const o=parseInt(e,16)%36e3/100;const i=parseInt(e,16)%450/10;const r=parseInt(e,16)%250/10;return new c(o,50+r,30+i)}else{const s=t.split("").map((t=>t.charCodeAt(0).toString(16))).join("");const n=parseInt(s,36)%36e3/100;const e=parseInt(s,36)%450/10;const o=parseInt(s,36)%250/10;return new c(n,50+o,30+e)}}toString(){return`hsl(${this.hue}, ${this.sat}%, ${this.lum}%)`}}const i=()=>``;const r=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}}async componentWillLoad(){this.color=await c.generateColor(this.text)}render(){return n(e,{key:"50b6e91f4e98be29cfa37552eb799883aeb49c9e"},n("span",{key:"72295507c6bdc176bb0bb66e2fcd59a20cc567d0",style:{color:"hsl("+this.color.hue+","+this.color.sat+"%,"+this.color.lum+"%)"},class:`m-0 inline p-0 align-baseline font-mono leading-none font-bold`},this.text))}static get style(){return i()}},[0,"color-highlight",{text:[1],color:[32]}]);function a(){if(typeof customElements==="undefined"){return}const t=["color-highlight"];t.forEach((t=>{switch(t){case"color-highlight":if(!customElements.get(o(t))){customElements.define(o(t),r)}break}}))}const l=r;const h=a;export{l as ColorHighlight,h as defineCustomElement};
//# sourceMappingURL=color-highlight.js.map