@kelvininc/ui-components
Version:
Kelvin UI Components
37 lines (33 loc) • 3.99 kB
JavaScript
import { H as proxyCustomElement, I as H, K as h, t as EIconName, L as Host } from './p-BP5CxQcH.js';
import { d as defineCustomElement$1 } from './p-DQ7v6WT-.js';
const selectShortcutsLabelCss = "@property --rotation{syntax:\"<angle>\";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}kv-dropdown-base:not(.hydrated)>[slot=list]{display:none}.shortcuts{background:var(--background-container-neutral-default);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-2xl);user-select:none}.left-items{display:flex;gap:var(--spacing-5xl)}.group{display:flex;align-items:center;gap:var(--spacing-md)}.icons{display:flex;align-items:center;gap:var(--spacing-xs)}.label{color:var(--text-on-color-neutral-tertiary);font-family:Proxima Nova;font-weight:400;font-size:10px;line-height:14px;letter-spacing:0}.icon{border-radius:var(--radius-sm);background:var(--background-container-neutral-subtlest);color:var(--text-container-neutral-default);font-family:Proxima Nova;font-weight:400;font-size:10px;line-height:14px;letter-spacing:0;text-align:center;display:flex;align-items:center;justify-content:center;height:var(--size-lg);width:var(--size-lg)}.icon kv-icon{--icon-width:var(--size-default);--icon-height:var(--size-default);--icon-color:var(--icon-container-neutral-subtle)}";
const KvSelectShortcutsLabel = /*@__PURE__*/ proxyCustomElement(class KvSelectShortcutsLabel extends H {
constructor() {
super();
this.__registerHost();
}
render() {
return (h(Host, { key: '9078da1f417239fe149fbfe11bbea4aa222ce5ac' }, h("div", { key: '2f9ee82617a7d33ad2bf3b6d3147a9e8a5f02edb', class: "shortcuts" }, h("div", { key: 'c3e5c485cd614d0bd4ca49c27d5c26e691f174ea', class: "left-items" }, h("div", { key: 'eb0d9f4f73adc8f5e1e139224ee42ca7ca394200', class: "group" }, h("div", { key: '5a078afa82af7a6ae5983989676e36081459cb85', class: "icons" }, h("div", { key: '8d3cd4cbcb9bded1f154ef18dd92bdc0336ce040', class: "icon" }, h("kv-icon", { key: '0975385fb9545dc8d87ae59a57a15fe252d8d0cb', name: EIconName.ArrowDropUp })), h("div", { key: '42d08dc6c5988c1b091f4bcc3c8bc3bc61271636', class: "icon" }, h("kv-icon", { key: 'e91c756347b487f36697193bdf4d07b733bb165e', name: EIconName.ArrowDropDown }))), h("div", { key: 'e974bb384b755e5cfe8b221b3add6e2dd9400a44', class: "label" }, "To navigate")), h("div", { key: '58e95eb7ebf768726e0519ef10a1701b87d8d065', class: "group" }, h("div", { key: '19f792dd4d780c0cf1376e7338a9bb0beeda7e50', class: "icons" }, h("div", { key: '546d8c9236a3e4d9b2e7713703772818a93e79a4', class: "icon" }, h("kv-icon", { key: 'b1eb331d6ae98ad5f972b0c74e1d517e96492350', name: EIconName.Undo }))), h("div", { key: '243356cf33e7fff6b82893c046f3cc6a2c2c126f', class: "label" }, "To select")), h("div", { key: '9e58d75443de8b4043ede81082a0ca5344c67960', class: "group" }, h("div", { key: '6c4d8687b5491fd93a45cedc84fce816a3903898', class: "icons" }, h("div", { key: 'bf1d702f0ef81e983a53d0d4c0681d2aa67e39f0', class: "icon" }, "esc")), h("div", { key: 'c6a46d2be6b2d088d125c03f905c5ff9b5df2ad4', class: "label" }, "To dismiss"))), h("slot", { key: '1aa953f0f1d31536bfc49d8cdd99b655edd5bacb', name: "right-items" }))));
}
static get style() { return selectShortcutsLabelCss; }
}, [260, "kv-select-shortcuts-label"]);
function defineCustomElement() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-select-shortcuts-label", "kv-icon"];
components.forEach(tagName => { switch (tagName) {
case "kv-select-shortcuts-label":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvSelectShortcutsLabel);
}
break;
case "kv-icon":
if (!customElements.get(tagName)) {
defineCustomElement$1();
}
break;
} });
}
defineCustomElement();
export { KvSelectShortcutsLabel as K, defineCustomElement as d };