@kelvininc/ui-components
Version:
Kelvin UI Components
1 lines • 3.13 kB
JavaScript
import{r as i,h as t,F as o,H as e}from"./p-WTwLUJcM.js";import{o as n}from"./p-CJTtq_QG.js";import{d as r}from"./p-COrzvkrr.js";import{a as s}from"./p-DCOsOAOy.js";const a={placement:r.Bottom,middleware:[n(4)]},l={position:r.BottomStart};function c(i){return(null==i?void 0:i.text)&&!i.icon?i.text:""}const p=class{constructor(t){i(this,t),this.descriptionTooltipConfig=a,this.iconToggletipConfig=l,this.customClass=""}customRenderDescription({description:i,popoverInfo:e,copiableTextConfig:n}){return n?t("kv-copy-to-clipboard",Object.assign({},n),i):t(o,null,t("kv-tooltip",{text:c(e),options:this.descriptionTooltipConfig,customClass:"description-list-tooltip-container"},i),(null==e?void 0:e.icon)&&t("kv-toggle-tip",Object.assign({text:e.text},this.iconToggletipConfig,{customClass:"description-list-tooltip-container"}),t("kv-icon",{name:e.icon,customClass:"icon-16",slot:"open-element-slot"})))}render(){var i;return t(e,{key:"c720849cde2e21c55a4ec1f6be993f8156b32e59"},t("div",{key:"21027ad97c25b66db504b86914399ba019f8a56e",class:Object.assign({"description-list-container":!0},s(this.customClass))},null===(i=this.items)||void 0===i?void 0:i.map((i=>t("div",{class:"row",part:"row"},t("div",{class:"title"},i.title),t("div",{class:"description"},this.customRenderDescription(i)))))))}};p.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}kv-dropdown-base:not(.hydrated)>[slot=list]{display:none}kv-description-list{--description-list-row-gap:var(--spacing-xl);--description-list-row-extremes:0;--description-list-row-inline-padding:0;--description-list-row-align:baseline}.description-list-container{display:grid;grid-template-columns:max-content 1fr;column-gap:var(--space-28);word-break:break-all}.description-list-container .row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:var(--description-list-row-align);padding-block:var(--description-list-row-gap);padding-inline:var(--description-list-row-inline-padding)}.description-list-container .row:first-child{padding-block-start:var(--description-list-row-extremes)}.description-list-container .row:last-child{padding-block-end:var(--description-list-row-extremes)}.description-list-container .title{font-family:Proxima Nova;font-weight:400;font-size:12px;line-height:16px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-container-neutral-subtle)}.description-list-container .description{font-family:Proxima Nova;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0;color:var(--text-container-neutral-default)}.description-list-container .description kv-tooltip::part(content){display:inline}.description-list-container .description kv-toggle-tip .toggle-tip-open-element-container{cursor:pointer;user-select:none;pointer-events:all;display:inline-block;vertical-align:text-top;margin-left:var(--spacing-md)}.description-list-container .description kv-copy-to-clipboard{--container-padding:0;--icon-start-opacity:1}.description-list-tooltip-container::part(tooltip-container){padding:var(--spacing-md)}';export{p as kv_description_list}