@kelvininc/ui-components
Version:
Kelvin UI Components
1 lines • 2.66 kB
JavaScript
import{r as t,h as i,F as o,H as e}from"./p-D-JVwta2.js";import{o as n}from"./p-CJTtq_QG.js";import{b as r}from"./p-DzZLIMy0.js";import"./p-DwRzddFC.js";import"./p-DVds6a5Z.js";import"./p-CojoW2Y2.js";import"./p-SVedE_O8.js";import"./p-BcMhjKoS.js";import"./p-Do0EyoO8.js";import"./p-CBuzk8fR.js";import"./p-DHk26cGe.js";import"./p-7ioMFMb5.js";import{g as s}from"./p-DKOxy79t.js";const a={placement:r.Bottom,middleware:[n(4)]},p={position:r.BottomStart};function l(t){return(null==t?void 0:t.text)&&!t.icon?t.text:""}const c=class{constructor(i){t(this,i),this.descriptionTooltipConfig=a,this.iconToggletipConfig=p,this.customClass=""}render(){var t;return i(e,{key:"a20498b7d24520a83ddf8cbad7df9dbba8bdc7b4"},i("div",{key:"21f8d93338e66999c09b35876f615a4cd4d5ef68",class:Object.assign({"description-list-container":!0},s(this.customClass))},null===(t=this.items)||void 0===t?void 0:t.map((({title:t,description:e,popoverInfo:n})=>i(o,null,i("div",{class:"title"},t),i("div",{class:"description"},i("kv-tooltip",{text:l(n),options:this.descriptionTooltipConfig,customClass:"description-list-tooltip-container"},e),(null==n?void 0:n.icon)&&i("kv-toggle-tip",Object.assign({text:n.text},this.iconToggletipConfig,{customClass:"description-list-tooltip-container"}),i("kv-icon",{name:n.icon,customClass:"icon-16",slot:"open-element-slot"}))))))))}};c.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}.description-list-container{display:grid;grid-template-columns:max-content 1fr;gap:var(--kv-spacing-5x, 20px) var(--kv-spacing-7x, 28px);word-break:break-all;align-items:baseline}.description-list-container .title{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;letter-spacing:1.5px;text-transform:uppercase;color:var(--kv-neutral-4, #bebebe)}.description-list-container .description{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none;color:var(--kv-neutral-2, #e5e5e5)}.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(--kv-spacing-2x, 8px)}.description-list-tooltip-container::part(tooltip-container){padding:var(--kv-spacing-2x, 8px)}';export{c as kv_description_list}