@kit-data-manager/pid-component
Version:
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.
19 lines • 1.87 kB
JavaScript
/*!
*
* 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{r as t,h as s,H as n}from"./p-BeCqCMz1.js";class e{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 o=n.map((t=>t.toString(16).padStart(2,"0"))).join("");const r=parseInt(o,16)%36e3/100;const c=parseInt(o,16)%450/10;const i=parseInt(o,16)%250/10;return new e(r,50+i,30+c)}else{const s=t.split("").map((t=>t.charCodeAt(0).toString(16))).join("");const n=parseInt(s,36)%36e3/100;const o=parseInt(s,36)%450/10;const r=parseInt(s,36)%250/10;return new e(n,50+r,30+o)}}toString(){return`hsl(${this.hue}, ${this.sat}%, ${this.lum}%)`}}const o=()=>``;const r=class{constructor(s){t(this,s)}async componentWillLoad(){this.color=await e.generateColor(this.text)}render(){return s(n,{key:"50b6e91f4e98be29cfa37552eb799883aeb49c9e"},s("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))}};r.style=o();export{r as color_highlight};
//# sourceMappingURL=p-a154352b.entry.js.map