@kelvininc/ui-components
Version:
Kelvin UI Components
1 lines • 50.1 kB
JavaScript
import{r as e,c as t,h as i,H as a,g as s,F as o}from"./p-D-JVwta2.js";import{E as n}from"./p-SVedE_O8.js";import{o as r,f as c,s as l}from"./p-CJTtq_QG.js";import{b as h,a as d,E as f,c as p}from"./p-CojoW2Y2.js";import{a as b}from"./p-DzZLIMy0.js";import"./p-DwRzddFC.js";import{E as u}from"./p-DVds6a5Z.js";import"./p-BcMhjKoS.js";import"./p-Do0EyoO8.js";import"./p-CBuzk8fR.js";import"./p-DHk26cGe.js";import"./p-7ioMFMb5.js";import{a as v}from"./p-nGbDFIaH.js";import{m}from"./p-DkMsLawH.js";import{b as g,g as k,i as y}from"./p-BA_npyc9.js";import{i as x}from"./p-DjSNdVAB.js";import{d as w,g as $,k as j,U as O,S as z,e as C,f as S}from"./p-Dp5Jdzmz.js";import{a as A,S as _,c as D,s as I}from"./p-DSZg-gfB.js";import{S as H,a as E,i as T}from"./p-Dkd2PDJ-.js";import{e as B}from"./p-DVju43gQ.js";import{i as F}from"./p-DfPM2t43.js";import{b as M,c as R,d as q,e as P,i as K}from"./p-CiDQ1Z66.js";import{c as L,t as V,i as G,g as J,b as N,a as W}from"./p-DMO3GHM9.js";import{i as Z}from"./p-CK4jS9_E.js";import{c as Q,d as U,e as Y,f as X,b as ee}from"./p-CKk8_-cJ.js";import"./p-CMC2Wc9b.js";import{g as te}from"./p-BFTU3MAI.js";import{g as ie}from"./p-DKOxy79t.js";import{d as ae,t as se}from"./p-BlTxH6qj.js";import"./p-CqZa0G50.js";import"./p-DQfCDnBw.js";function oe(e){return M(e)?w(e):g(e)}function ne(){return[]}var re=Object.prototype.propertyIsEnumerable,ce=Object.getOwnPropertySymbols,le=ce?function(e){return null==e?[]:(e=Object(e),function(t){for(var i=-1,a=null==t?0:t.length,s=0,o=[];++i<a;){var n=t[i];re.call(e,n)&&(o[s++]=n)}return o}(ce(e)))}:ne,he=Object.getOwnPropertySymbols?function(e){for(var t=[];e;)A(t,le(e)),e=$(e);return t}:ne;function de(e,t,i){var a=t(e);return F(e)?a:A(a,i(e))}function fe(e){return de(e,oe,le)}function pe(e,t){for(var i=-1,a=null==e?0:e.length;++i<a;)if(t(e[i],i,e))return!0;return!1}function be(e,t,i,a,s,o){var n=1&i,r=e.length,c=t.length;if(r!=c&&!(n&&c>r))return!1;var l=o.get(e),h=o.get(t);if(l&&h)return l==t&&h==e;var d=-1,f=!0,p=2&i?new _:void 0;for(o.set(e,t),o.set(t,e);++d<r;){var b=e[d],u=t[d];if(a)var v=n?a(u,b,d,t,e,o):a(b,u,d,e,t,o);if(void 0!==v){if(v)continue;f=!1;break}if(p){if(!pe(t,(function(e,t){if(!D(p,t)&&(b===e||s(b,e,i,a,o)))return p.push(t)}))){f=!1;break}}else if(b!==u&&!s(b,u,i,a,o)){f=!1;break}}return o.delete(e),o.delete(t),f}function ue(e){var t=-1,i=Array(e.size);return e.forEach((function(e,a){i[++t]=[a,e]})),i}var ve=H?H.prototype:void 0,me=ve?ve.valueOf:void 0,ge=Object.prototype.hasOwnProperty,ke="[object Arguments]",ye="[object Array]",xe="[object Object]",we=Object.prototype.hasOwnProperty;function $e(e,t,i,a,s){return e===t||(null==e||null==t||!E(e)&&!E(t)?e!=e&&t!=t:function(e,t,i,a,s,o){var n=F(e),r=F(t),c=n?ye:k(e),l=r?ye:k(t),h=(c=c==ke?xe:c)==xe,d=(l=l==ke?xe:l)==xe,f=c==l;if(f&&R(e)){if(!R(t))return!1;n=!0,h=!1}if(f&&!h)return o||(o=new z),n||q(e)?be(e,t,i,a,s,o):function(e,t,i,a,s,o,n){switch(i){case"[object DataView]":if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case"[object ArrayBuffer]":return!(e.byteLength!=t.byteLength||!o(new O(e),new O(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return B(+e,+t);case"[object Error]":return e.name==t.name&&e.message==t.message;case"[object RegExp]":case"[object String]":return e==t+"";case"[object Map]":var r=ue;case"[object Set]":if(r||(r=I),e.size!=t.size&&!(1&a))return!1;var c=n.get(e);if(c)return c==t;a|=2,n.set(e,t);var l=be(r(e),r(t),a,s,o,n);return n.delete(e),l;case"[object Symbol]":if(me)return me.call(e)==me.call(t)}return!1}(e,t,c,i,a,s,o);if(!(1&i)){var p=h&&we.call(e,"__wrapped__"),b=d&&we.call(t,"__wrapped__");if(p||b){var u=p?e.value():e,v=b?t.value():t;return o||(o=new z),s(u,v,i,a,o)}}return!!f&&(o||(o=new z),function(e,t,i,a,s,o){var n=1&i,r=fe(e),c=r.length;if(c!=fe(t).length&&!n)return!1;for(var l=c;l--;){var h=r[l];if(!(n?h in t:ge.call(t,h)))return!1}var d=o.get(e),f=o.get(t);if(d&&f)return d==t&&f==e;var p=!0;o.set(e,t),o.set(t,e);for(var b=n;++l<c;){var u=e[h=r[l]],v=t[h];if(a)var m=n?a(v,u,h,t,e,o):a(u,v,h,e,t,o);if(!(void 0===m?u===v||s(u,v,i,a,o):m)){p=!1;break}b||(b="constructor"==h)}if(p&&!b){var g=e.constructor,k=t.constructor;g==k||!("constructor"in e)||!("constructor"in t)||"function"==typeof g&&g instanceof g&&"function"==typeof k&&k instanceof k||(p=!1)}return o.delete(e),o.delete(t),p}(e,t,i,a,s,o))}(e,t,i,a,$e,s))}function je(e){return e==e&&!T(e)}function Oe(e,t){return function(i){return null!=i&&i[e]===t&&(void 0!==t||e in Object(i))}}function ze(e,t){return null!=e&&t in Object(e)}function Ce(e){return"function"==typeof e?e:null==e?Z:"object"==typeof e?F(e)?(s=e[1],G(a=e[0])&&je(s)?Oe(V(a),s):function(e){var t=J(e,a);return void 0===t&&t===s?function(e,t){return null!=e&&function(e,t,i){for(var a=-1,s=(t=L(t,e)).length,o=!1;++a<s;){var n=V(t[a]);if(!(o=null!=e&&i(e,n)))break;e=e[n]}return o||++a!=s?o:!!(s=null==e?0:e.length)&&P(s)&&C(n,s)&&(F(e)||K(e))}(e,t,ze)}(e,a):$e(s,t,3)}):(i=function(e){for(var t=oe(e),i=t.length;i--;){var a=t[i],s=e[a];t[i]=[a,s,je(s)]}return t}(t=e),1==i.length&&i[0][2]?Oe(i[0][0],i[0][1]):function(e){return e===t||function(e,t,i){var a=i.length,s=a;if(null==e)return!s;for(e=Object(e);a--;){var o=i[a];if(o[2]?o[1]!==e[o[0]]:!(o[0]in e))return!1}for(;++a<s;){var n=(o=i[a])[0],r=e[n];if(o[2]){if(void 0===r&&!(n in e))return!1}else if(!$e(o[1],r,3,void 0,new z))return!1}return!0}(e,0,i)}):function(e){return G(e)?(t=V(e),function(e){return null==e?void 0:e[t]}):function(e){return function(t){return N(t,e)}}(e);var t}(e);var t,i,a,s}function Se(e,t,i){if(!T(e))return e;for(var a=-1,s=(t=L(t,e)).length,o=s-1,n=e;null!=n&&++a<s;){var r=V(t[a]),c=i;if("__proto__"===r||"constructor"===r||"prototype"===r)return e;if(a!=o){var l=n[r];void 0===(c=void 0)&&(c=T(l)?l:C(t[a+1])?[]:{})}S(n,r,c),n=n[r]}return e}function Ae(e,t){return function(e,t){if(null==e)return{};var i=W(function(e){return de(e,j,he)}(e),(function(e){return[e]}));return t=Ce(t),function(e,t,i){for(var a=-1,s=t.length,o={};++a<s;){var n=t[a],r=N(e,n);i(r,n)&&Se(o,L(n,e),r)}return o}(e,i,(function(e,i){return t(e,i[0])}))}(e,function(e){if("function"!=typeof e)throw new TypeError("Expected a function");return function(){var t=arguments;switch(t.length){case 0:return!e.call(this);case 1:return!e.call(this,t[0]);case 2:return!e.call(this,t[0],t[1]);case 3:return!e.call(this,t[0],t[1],t[2])}return!e.apply(this,t)}}(Ce(t)))}const _e=class{constructor(i){e(this,i),this.clickCheckbox=t(this,"clickCheckbox",7),this.checked=!1,this.disabled=!1,this.indeterminate=!1,this.getIconName=()=>this.indeterminate?n.IndeterminateState:this.checked?n.CheckState:n.UncheckState,this.onClick=()=>{this.disabled||this.clickCheckbox.emit()}}render(){return i(a,{key:"2b2b58401e21f92a5512831b442141d7f441f195",onClick:this.onClick,class:{disabled:this.disabled}},i("kv-icon",{key:"86c54b844519ccb8e64d0b966c2fc84f49e7ed46",name:this.getIconName(),part:"icon"}))}};_e.style=":host{--checkbox-size:16px;--checkbox-icon-size:16px;width:var(--checkbox-size);height:var(--checkbox-size);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}:host kv-icon{--icon-width:var(--checkbox-icon-size);--icon-height:var(--checkbox-icon-size)}:host(:hover:not(.disabled)){opacity:0.8}:host(.disabled){opacity:0.4;cursor:not-allowed}";const De={placeholder:"Select an option",type:d.Text,state:h.None,size:b.Large},Ie={placement:"bottom",middleware:[r(8),c({padding:16,fallbackPlacements:["top-end","bottom-end","top-start","bottom-start"]}),l({apply({rects:e,elements:t}){Object.assign(t.floating.style,{width:`${e.reference.width}px`})}})]},He=class{constructor(i){e(this,i),this.openStateChange=t(this,"openStateChange",3),this.clickOutside=t(this,"clickOutside",7),this.inputConfig={},this.isOpen=!1,this.options=Ie,this.actionElement=null,this.listElement=null,this.disabled=!1,this.clickOutsideClose=!0,this.zIndex=v,this.getInputConfig=()=>m({},De,{disabled:this.disabled},this.inputConfig)}async onToggleOpenState(){this.disabled||this.openStateChange.emit(!this.isOpen)}componentDidRender(){var e;this._actionElement=null!==(e=this.actionElement)&&void 0!==e?e:this.el.querySelector("#dropdown-input").shadowRoot.querySelector("#dropdown-input")}render(){return i(a,{key:"3d7e19268935ae45c7180a634e6f5ce8d1a7611a"},i("div",{key:"d718a943fbdca2ed3929550437a31e571c5b4836",class:"dropdown-container"},i("kv-dropdown-base",{key:"7c9daf293f7f79f153add1f2f04a8e08f24259b0",isOpen:this.isOpen,options:this.options,actionElement:this._actionElement,listElement:this.listElement,clickOutsideClose:this.clickOutsideClose,zIndex:this.zIndex},i("slot",{key:"ff77d8996a68418af2bf03ed6dc65305d391dd76",name:"dropdown-action",slot:"action"},i("div",{key:"2600cc143459895cf4ccdf99540ad3f6e7118a14"},i("kv-text-field",Object.assign({key:"9627f5d413ebef6abc7177a6d4ec00dc7a6982bf"},this.getInputConfig(),{id:"dropdown-input",forcedFocus:this.isOpen,onFieldClick:this.onToggleOpenState.bind(this),inputReadonly:!0,actionIcon:this.isOpen?n.ArrowDropUp:n.ArrowDropDown}),i("slot",{key:"c927d5d65699389e20e6b2ec461af4f68cfaedf3",name:"right-slot",slot:"right-slot"}),i("slot",{key:"8ab71ee8dbcb935a1b44c7eff7eb1bb3912033dc",name:"left-slot",slot:"left-slot"})))),i("div",{key:"45b410efd27534b722ff0734fba601803646e119",slot:"list"},i("div",{key:"a6b03a114ee472af0b0a72cc2c1aaaccde940101",id:"select",class:"select"},i("slot",{key:"a233e261b1e36a198dacdca423b99151cc9c1804"}))))))}get el(){return s(this)}};He.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}.dropdown-container{user-select:none}.dropdown-container kv-text-field{--action-icon-size:20px}';const Ee=class{constructor(t){e(this,t),this.customClass=""}render(){return i(a,{key:"47909f5918ae32f8b878b411e1832bd82b2099ca"},i(this.name,{key:"16901b4c761f86ba8ce3bea806d097c6bfbaa588",customClass:this.customClass}))}};Ee.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--illustration-height:200px;--illustration-width:200px;max-width:100%;max-height:100%;display:flex}';const Te=class{constructor(t){e(this,t)}render(){return i("div",{key:"2769430393c3c0f35ca876a563282059278fa8e6",class:"illustration-message"},i("kv-illustration",{key:"3dd0de941aae90af94c32c7c3df806a54e69b6bc",name:this.illustration,class:"image",part:"illustration"}),i("div",{key:"87fec4adca889bf9c2056b039fb214a21f55bbde",class:"header",part:"header"},this.header),this.description&&i("div",{key:"d9c7958fb1ef327597062ef7e79b1359599a4449",class:"description",part:"description"},this.description))}};Te.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--image-width:60px;--image-height:auto;--header-color:var(--kv-neutral-2, #e5e5e5);--description-color:var(--kv-neutral-4, #bebebe)}.illustration-message{display:flex;flex-direction:column;justify-content:center;align-items:center}.image{margin-bottom:var(--kv-spacing-3x, 12px);--illustration-width:var(--image-width);--illustration-height:var(--image-height)}.header{color:var(--header-color);text-align:center;font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none}.description{color:var(--description-color);text-align:center;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;text-transform:none;white-space:break-spaces;margin-top:var(--kv-spacing, 4px)}';const Be=class{constructor(i){e(this,i),this.textChange=t(this,"textChange",7),this.textFieldBlur=t(this,"textFieldBlur",7),this.clickResetButton=t(this,"clickResetButton",7),this.rightActionClick=t(this,"rightActionClick",7),this.fieldClick=t(this,"fieldClick",7),this.type=d.Text,this.placeholder="Search",this.size=b.Large,this.inputDisabled=!1,this.inputRequired=!1,this.loading=!1,this.state=h.None,this.inputReadonly=!1,this.helpText=[],this.forcedFocus=!1,this.value="",this.useInputMask=!1,this.inputMaskRegex="",this.onTextChange=e=>{e.stopPropagation(),this.textChange.emit(e.detail)},this.onResetClick=e=>{e.stopPropagation(),this.clickResetButton.emit(e.detail),this.textChange.emit()}}async focusInput(){this.inputRef.focusInput()}render(){const e=!y(this.value)&&!this.inputDisabled;return i(a,{key:"695c53a55e9f86e9354df2903497a6718f55c548"},i("kv-text-field",{key:"09bf7c96d9f826f14c1de065ab60431d209c4595",ref:e=>this.inputRef=e,actionIcon:e?n.Close:void 0,onTextChange:this.onTextChange,onRightActionClick:this.onResetClick,type:this.type,label:this.label,examples:this.examples,icon:n.Search,inputName:this.inputName,placeholder:this.placeholder,maxLength:this.maxLength,minLength:this.minLength,max:this.max,min:this.min,step:this.step,size:this.size,inputDisabled:this.inputDisabled,inputRequired:this.inputRequired,loading:this.loading,state:this.state,inputReadonly:this.inputReadonly,helpText:this.helpText,forcedFocus:this.forcedFocus,tooltipConfig:this.tooltipConfig,value:this.value,useInputMask:this.useInputMask,inputMaskRegex:this.inputMaskRegex,fitContent:!1}))}},Fe=(e,t)=>{const i=e.querySelector(t);return!x(i)&&i.clientHeight>0&&i.clientWidth>0},Me=class{constructor(i){e(this,i),this.searchChange=t(this,"searchChange",7),this.clearSelection=t(this,"clearSelection",7),this.selectAll=t(this,"selectAll",7),this.searchable=!1,this.selectionClearable=!1,this.clearSelectionLabel="Clear all",this.selectionAll=!1,this.selectAllLabel="Select all",this.onSearchChange=e=>{e.stopPropagation(),this.searchChange.emit(e.detail)},this.onClearSelection=()=>{this.clearSelection.emit()},this.onSelectAll=()=>{this.selectAll.emit()}}async focusSearch(){var e;null===(e=this.searchRef)||void 0===e||e.focusInput()}get customStyle(){return Ae({"--select-max-height":this.maxHeight,"--select-min-height":this.minHeight,"--select-max-width":this.maxWidth,"--select-min-width":this.minWidth},x)}get hasActionsSlot(){return Fe(this.el,'[slot="select-header-actions"]')}get hasLabelSlot(){return Fe(this.el,'[slot="select-header-label"]')}render(){const e=this.selectionAll||this.selectionClearable||this.hasActionsSlot||this.hasLabelSlot;return i(a,{key:"10b617e5029cfb5e8011c8571a9fd729009905d2",style:this.customStyle},i("div",{key:"f9dd9673d31faa686ab711a0dc0a31b8c919ae7a",class:"select-container",part:"select"},(this.searchable||e)&&i("div",{key:"440ac25a7ec08a5a96e98746c405359c5bf4613f",class:"select-header-container"},this.searchable&&i("kv-search",{key:"18d2e4e748ba5d12f657d03e655034f456d4a3a8",ref:e=>this.searchRef=e,size:b.Small,value:this.searchValue,placeholder:this.searchPlaceholder,onTextChange:this.onSearchChange}),e&&i("div",{key:"d12adbbb46e86104463a3ef17e3845292caa31db",class:"search-footer"},i("div",{key:"116af362d27d9309e93d823d6cd83d9012cc9e4c",class:"footer-actions"},this.selectionAll&&i("div",{key:"5542e17308d8262c4ca474cd4754bee7d76a06bc",class:{action:!0,"action--disabled":!this.selectionAllEnabled},onClick:this.onSelectAll},this.selectAllLabel),this.selectionClearable&&i(o,{key:"93919f533503e8ce9083fefacf4f03e219599dc9"},this.selectionAll&&i("div",{key:"43fe0acaee60048cffb8d3c53ed98f78f73154a8",class:"divider"}),i("div",{key:"fb57dd7d02e729bf7223ca9c952486c37771c167",class:{action:!0,"action--disabled":!this.selectionClearEnabled},onClick:this.onClearSelection},this.clearSelectionLabel),this.hasActionsSlot&&i("div",{key:"b55d7ba874248959de2504f97b3e1f1557d76655",class:"divider"})),i("slot",{key:"ac10224687f331395f10ed0969b613fe90a4af67",name:"select-header-actions"})),i("slot",{key:"b27e47ce27ff034ce266e2c42855cc384b55dd24",name:"select-header-label"}))),i("div",{key:"efe2c477a174106fcc5260d4b1bf8389f6659a69",class:"select-options-container"},i("slot",{key:"89ca7b3abad94d1639ce78271b151b63d56dfb84"})),i("slot",{key:"f2705fe488d52cc8fe923141bbbb0203a87b0fdc",name:"select-footer"})))}get el(){return s(this)}};Me.style='@charset "UTF-8";@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--select-max-height:400px;--select-min-height:auto;--select-max-width:auto;--select-min-width:max-content;--select-background-color:var(--kv-neutral-7, #2a2a2a);--select-border:1px solid var(--kv-neutral-6, #3f3f3f);--select-inner-border:1px solid var(--kv-neutral-6, #3f3f3f);--select-border-radius:var(--kv-spacing, 4px)}.select-container{max-width:var(--select-max-width);min-width:var(--select-min-width);border:var(--select-border);border-radius:var(--select-border-radius);overflow:hidden;background-color:var(--select-background-color)}.select-options-container{max-height:var(--select-max-height);min-height:var(--select-min-height)}.select-options-container ::slotted(kv-virtualized-list){--virtualized-list-max-height:calc(var(--select-max-height) - var(--kv-spacing-3x, 12px) * 2);--virtualized-list-min-height:var(--select-min-height)}.select-header-container{display:flex;flex-direction:column;gap:var(--kv-spacing-3x, 12px);padding:var(--kv-spacing-3x, 12px) var(--kv-spacing-4x, 16px);border-bottom:var(--select-inner-border)}.search-footer{display:flex;flex-direction:row;justify-content:space-between;gap:var(--kv-spacing-3x, 12px)}.search-footer .footer-actions{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;text-transform:none;display:flex;flex-direction:row;align-items:center;gap:calc(var(--kv-spacing-2x, 8px));color:var(--kv-neutral-4, #bebebe)}.search-footer .action{user-select:none;cursor:pointer;position:relative;text-wrap:nowrap}.search-footer .action--disabled{pointer-events:none;color:var(--kv-neutral-5, #707070)}.search-footer .divider{height:12px;width:1px;background-color:var(--kv-neutral-6, #3f3f3f)}';const Re=class{constructor(i){e(this,i),this.clickCreate=t(this,"clickCreate",7),this.clickCancel=t(this,"clickCancel",7),this.valueChanged=t(this,"valueChanged",7),this.value="",this.disabled=!1,this.size=b.Small,this.inputConfig={},this.onKeyPress=e=>{"Enter"===e.key&&this.onCreate()},this.onCreate=()=>{this.canSubmit&&this.clickCreate.emit()},this.onCancel=()=>{this.clickCancel.emit()}}async focusInput(){this.input.focus()}async blurInput(){this.input.blur()}get canSubmit(){return!y(this.value)&&!this.disabled}componentDidLoad(){this.input.focusInput()}render(){return i("div",{key:"c8ccebfa424bcf032d5dab34ed1b32ba2ca541f7",class:"select-create-option"},i("div",{key:"3d38f0ac952e6616361311bfe818494a5b4f881e",class:"form"},i("kv-text-field",Object.assign({key:"e90e6969aa10f7b94e52b60336dac224d9258522",ref:e=>this.input=e,inputDisabled:this.disabled,size:this.size,value:this.value},this.inputConfig,{onKeyPress:this.onKeyPress,onTextChange:({detail:e})=>this.valueChanged.emit(e),part:"text-field"}))),i("div",{key:"0832568dbd3c07c40fb0940f6d0db20482c782dc",class:"actions"},i("kv-action-button-icon",{key:"d0a109b2282462d0daa18cf3f3a3c610fd714904",type:u.Tertiary,icon:n.Close,size:this.size,onClickButton:this.onCancel,part:"cancel-button"}),i("kv-action-button-icon",{key:"d106162544014b86468c070ac2381a295157c7e2",type:u.Primary,icon:n.DoneAll,size:this.size,disabled:!this.canSubmit,onClickButton:this.onCreate,part:"create-button"})))}};Re.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}.select-create-option{display:flex;align-items:flex-start;gap:var(--kv-spacing-3x, 12px)}.form{flex:1;overflow:auto}.actions{display:flex;align-items:center;gap:var(--kv-spacing, 4px)}';const qe="Add a new option",Pe={label:qe,value:"9e8caf09-5cde-4150-84f5-29c06bebc0ae",icon:n.Add},Ke={illustration:f.NoDataAvailable,header:"No Data Available",description:"There is no data to display at the moment."},Le={illustration:f.NoResultsFoundLight,header:"No Results Found",description:"Despite our best efforts, no results were extracted. Please try a new query or keyword for better results."},Ve=(e,t)=>Object.assign(Object.assign({},Pe),{label:null!=t?t:Pe.label,togglable:!1,selected:!1,state:p.None,highlighted:Pe.value===e}),Ge=(e,t={})=>{var i;const a=Object.values(null!==(i=e.options)&&void 0!==i?i:{});if(0===a.length)return t[e.value]?p.Selected:p.None;const s=a.map((e=>Ge(e,t))),[o,...n]=s;return n.every((e=>e===o))?o:p.Indeterminate},Je=({options:e={},allOptions:t={},selectedOptions:i={},highlightedOption:a,hasAddItem:s=!1,createInputPlaceholder:o,level:n=0})=>{const r=Object.keys(e).reduce(((s,o)=>(t[o]&&(s[o]=(({optionKey:e,options:t={},allOptions:i={},selectedOptions:a={},highlightedOption:s,level:o=0})=>{const n=Je({options:t[e].options,allOptions:i[e].options,selectedOptions:a,highlightedOption:s,level:o+1});return Object.assign(Object.assign({togglable:!0},t[e]),{options:n,selected:!0===a[e],state:Ge(i[e],a),highlighted:e===s,level:o,heading:Object.values(n).length>0})})({optionKey:o,options:e,allOptions:t,selectedOptions:i,highlightedOption:a,level:n})),s)),{});return s&&(r[Pe.value]=Ve(a,o)),r};var Ne,We={exports:{}},Ze=(Ne||(Ne=1,We.exports=function(){var e=[],t=[],i={},a={},s={};function o(e){return"string"==typeof e?new RegExp("^"+e+"$","i"):e}function n(e,t){return e===t?t:e===e.toLowerCase()?t.toLowerCase():e===e.toUpperCase()?t.toUpperCase():e[0]===e[0].toUpperCase()?t.charAt(0).toUpperCase()+t.substr(1).toLowerCase():t.toLowerCase()}function r(e,t){return e.replace(t[0],(function(i,a){var s,o=(s=arguments,t[1].replace(/\$(\d{1,2})/g,(function(e,t){return s[t]||""})));return n(""===i?e[a-1]:i,o)}))}function c(e,t,a){if(!e.length||i.hasOwnProperty(e))return t;for(var s=a.length;s--;){var o=a[s];if(o[0].test(t))return r(t,o)}return t}function l(e,t,i){return function(a){var s=a.toLowerCase();return t.hasOwnProperty(s)?n(a,s):e.hasOwnProperty(s)?n(a,e[s]):c(s,a,i)}}function h(e,t,i){return function(a){var s=a.toLowerCase();return!!t.hasOwnProperty(s)||!e.hasOwnProperty(s)&&c(s,s,i)===s}}function d(e,t,i){return(i?t+" ":"")+(1===t?d.singular(e):d.plural(e))}return d.plural=l(s,a,e),d.isPlural=h(s,a,e),d.singular=l(a,s,t),d.isSingular=h(a,s,t),d.addPluralRule=function(t,i){e.push([o(t),i])},d.addSingularRule=function(e,i){t.push([o(e),i])},d.addUncountableRule=function(e){"string"!=typeof e?(d.addPluralRule(e,"$0"),d.addSingularRule(e,"$0")):i[e.toLowerCase()]=!0},d.addIrregularRule=function(e,t){t=t.toLowerCase(),e=e.toLowerCase(),s[e]=t,a[t]=e},[["I","we"],["me","us"],["he","they"],["she","they"],["them","them"],["myself","ourselves"],["yourself","yourselves"],["itself","themselves"],["herself","themselves"],["himself","themselves"],["themself","themselves"],["is","are"],["was","were"],["has","have"],["this","these"],["that","those"],["echo","echoes"],["dingo","dingoes"],["volcano","volcanoes"],["tornado","tornadoes"],["torpedo","torpedoes"],["genus","genera"],["viscus","viscera"],["stigma","stigmata"],["stoma","stomata"],["dogma","dogmata"],["lemma","lemmata"],["schema","schemata"],["anathema","anathemata"],["ox","oxen"],["axe","axes"],["die","dice"],["yes","yeses"],["foot","feet"],["eave","eaves"],["goose","geese"],["tooth","teeth"],["quiz","quizzes"],["human","humans"],["proof","proofs"],["carve","carves"],["valve","valves"],["looey","looies"],["thief","thieves"],["groove","grooves"],["pickaxe","pickaxes"],["passerby","passersby"]].forEach((function(e){return d.addIrregularRule(e[0],e[1])})),[[/s?$/i,"s"],[/[^\u0000-\u007F]$/i,"$0"],[/([^aeiou]ese)$/i,"$1"],[/(ax|test)is$/i,"$1es"],[/(alias|[^aou]us|t[lm]as|gas|ris)$/i,"$1es"],[/(e[mn]u)s?$/i,"$1s"],[/([^l]ias|[aeiou]las|[ejzr]as|[iu]am)$/i,"$1"],[/(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i,"$1i"],[/(alumn|alg|vertebr)(?:a|ae)$/i,"$1ae"],[/(seraph|cherub)(?:im)?$/i,"$1im"],[/(her|at|gr)o$/i,"$1oes"],[/(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|automat|quor)(?:a|um)$/i,"$1a"],[/(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)(?:a|on)$/i,"$1a"],[/sis$/i,"ses"],[/(?:(kni|wi|li)fe|(ar|l|ea|eo|oa|hoo)f)$/i,"$1$2ves"],[/([^aeiouy]|qu)y$/i,"$1ies"],[/([^ch][ieo][ln])ey$/i,"$1ies"],[/(x|ch|ss|sh|zz)$/i,"$1es"],[/(matr|cod|mur|sil|vert|ind|append)(?:ix|ex)$/i,"$1ices"],[/\b((?:tit)?m|l)(?:ice|ouse)$/i,"$1ice"],[/(pe)(?:rson|ople)$/i,"$1ople"],[/(child)(?:ren)?$/i,"$1ren"],[/eaux$/i,"$0"],[/m[ae]n$/i,"men"],["thou","you"]].forEach((function(e){return d.addPluralRule(e[0],e[1])})),[[/s$/i,""],[/(ss)$/i,"$1"],[/(wi|kni|(?:after|half|high|low|mid|non|night|[^\w]|^)li)ves$/i,"$1fe"],[/(ar|(?:wo|[ae])l|[eo][ao])ves$/i,"$1f"],[/ies$/i,"y"],[/\b([pl]|zomb|(?:neck|cross)?t|coll|faer|food|gen|goon|group|lass|talk|goal|cut)ies$/i,"$1ie"],[/\b(mon|smil)ies$/i,"$1ey"],[/\b((?:tit)?m|l)ice$/i,"$1ouse"],[/(seraph|cherub)im$/i,"$1"],[/(x|ch|ss|sh|zz|tto|go|cho|alias|[^aou]us|t[lm]as|gas|(?:her|at|gr)o|[aeiou]ris)(?:es)?$/i,"$1"],[/(analy|diagno|parenthe|progno|synop|the|empha|cri|ne)(?:sis|ses)$/i,"$1sis"],[/(movie|twelve|abuse|e[mn]u)s$/i,"$1"],[/(test)(?:is|es)$/i,"$1is"],[/(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i,"$1us"],[/(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|quor)a$/i,"$1um"],[/(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)a$/i,"$1on"],[/(alumn|alg|vertebr)ae$/i,"$1a"],[/(cod|mur|sil|vert|ind)ices$/i,"$1ex"],[/(matr|append)ices$/i,"$1ix"],[/(pe)(rson|ople)$/i,"$1rson"],[/(child)ren$/i,"$1"],[/(eau)x?$/i,"$1"],[/men$/i,"man"]].forEach((function(e){return d.addSingularRule(e[0],e[1])})),["adulthood","advice","agenda","aid","aircraft","alcohol","ammo","analytics","anime","athletics","audio","bison","blood","bream","buffalo","butter","carp","cash","chassis","chess","clothing","cod","commerce","cooperation","corps","debris","diabetes","digestion","elk","energy","equipment","excretion","expertise","firmware","flounder","fun","gallows","garbage","graffiti","hardware","headquarters","health","herpes","highjinks","homework","housework","information","jeans","justice","kudos","labour","literature","machinery","mackerel","mail","media","mews","moose","music","mud","manga","news","only","personnel","pike","plankton","pliers","police","pollution","premises","rain","research","rice","salmon","scissors","series","sewage","shambles","shrimp","software","species","staff","swine","tennis","traffic","transportation","trout","tuna","wealth","welfare","whiting","wildebeest","wildlife","you",/pok[eé]mon$/i,/[^aeiou]ese$/i,/deer$/i,/fish$/i,/measles$/i,/o[iu]s$/i,/pox$/i,/sheep$/i].forEach(d.addUncountableRule),d}()),We.exports),Qe=te(Ze);const Ue=class{constructor(a){e(this,a),this.optionsSelected=t(this,"optionsSelected",7),this.optionSelected=t(this,"optionSelected",7),this.searchChange=t(this,"searchChange",7),this.clearSelection=t(this,"clearSelection",7),this.selectAll=t(this,"selectAll",7),this.dismiss=t(this,"dismiss",7),this.optionCreated=t(this,"optionCreated",7),this.options={},this.selectedOptions={},this.noDataAvailableConfig=Ke,this.noResultsFoundConfig=Le,this.searchable=!0,this.minSearchOptions=15,this.shortcuts=!1,this.canAddItems=!1,this.createOptionPlaceholder=qe,this.isCreating=!1,this.createdOptionValue="",this.onEnter=()=>{y(this.highlightedOption)||this.selectOption(this.highlightedOption)},this.onNavigateDown=()=>{this.highlightedOption=Q(this.selectOptions.currentSelectable,this.highlightedOption)},this.onNavigateUp=()=>{this.highlightedOption=U(this.selectOptions.currentSelectable,this.highlightedOption)},this.onDismiss=()=>{this.highlightedOption=void 0,this.dismiss.emit()},this.onSelectAll=e=>{e.stopPropagation(),this.optionsSelected.emit(Y(X(this.options))),this.selectAll.emit()},this.onClearSelection=e=>{e.stopPropagation(),this.optionsSelected.emit({}),this.clearSelection.emit()},this.onItemSelected=e=>{e.stopPropagation(),this.selectOption(e.detail),this.shortcuts&&(this.highlightedOption=e.detail)},this.selectOption=e=>{if(e===Pe.value)return this.isCreating=!0,void(this.createdOptionValue=this.searchValue);const t=this.selectOptions.totalFlatten[e];if(this.optionSelected.emit(e),y(t.options)){const t=this.selectedOptions,i=t[e],a=function(e,t){var i={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(i[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(a=Object.getOwnPropertySymbols(e);s<a.length;s++)t.indexOf(a[s])<0&&Object.prototype.propertyIsEnumerable.call(e,a[s])&&(i[a[s]]=e[a[s]])}return i}(t,["symbol"==typeof e?e:e+""]);return void this.optionsSelected.emit(i?a:Object.assign(Object.assign({},a),{[e]:!0}))}const i=X(t.options);switch(t.state){case p.Selected:case p.Indeterminate:const e=this.selectedOptions;Object.keys(i).forEach((t=>delete e[t])),this.optionsSelected.emit(Object.assign({},e));break;case p.None:this.optionsSelected.emit(Object.assign(Object.assign({},this.selectedOptions),Y(i)))}},this.renderOptions=()=>{const e=Object.values(this.selectOptions.currentFlatten);return i("kv-virtualized-list",{itemCount:e.length,itemHeight:32,getItemKey:t=>e[t].value,renderItem:t=>i("kv-select-option",Object.assign({key:e[t].value},e[t],{onItemSelected:this.onItemSelected,style:{"--select-option-height":"32px"}}))})}}valueChangedOptionHandler({detail:e}){this.createdOptionValue=e}clickCreateOptionHandler(){this.optionCreated.emit(this.createdOptionValue),this.optionSelected.emit(this.createdOptionValue),this.isCreating=!1}cancelCreateOptionHandler(){this.isCreating=!1}buildSelectionOptions(){const e=Je({options:this.options,allOptions:this.options,selectedOptions:this.selectedOptions,highlightedOption:this.highlightedOption,hasAddItem:this.canAddItems,createInputPlaceholder:this.createOptionPlaceholder}),t=Je({options:this.currentOptions,allOptions:this.options,selectedOptions:this.selectedOptions,highlightedOption:this.highlightedOption,hasAddItem:this.canAddItems,createInputPlaceholder:this.createOptionPlaceholder}),i=X(e),a=X(t),s=ee(e),o=ee(t);this.selectOptions={totalFlatten:s,currentFlatten:o,totalSelectable:i,currentSelectable:a}}handleKeyDown(e){if(this.shortcuts)switch(e.key){case"Escape":this.onDismiss();break;case"Enter":this.onEnter();break;case"ArrowUp":this.onNavigateUp();break;case"ArrowDown":this.onNavigateDown()}}async clearHighlightedOption(){this.highlightedOption=void 0}async closeCreatePopup(){this.isCreating=!1}async focusSearch(){var e;null===(e=this.selectRef)||void 0===e||e.focusSearch()}componentWillLoad(){this.buildSelectionOptions()}get isSearchable(){return this.searchable&&Object.keys(this.selectOptions.totalSelectable).length>=this.minSearchOptions}get currentOptions(){var e;return null!==(e=this.filteredOptions)&&void 0!==e?e:this.options}render(){var e;const t=null!==(e=this.selectedOptions)&&void 0!==e?e:{},a=Object.keys(this.selectOptions.totalSelectable).length,s=Object.keys(this.selectOptions.currentSelectable).length,o=Object.keys(t).filter((e=>t[e])).length,n=a>0,r=s>0,c=!n&&!r,l=n&&!r,h=`Selected: ${o}/${a}`;return i("kv-select",{key:"958e4ccb402fad6ab32db00b34de5454fa66cef0",ref:e=>this.selectRef=e,maxHeight:this.maxHeight,minHeight:this.minHeight,maxWidth:this.maxWidth,minWidth:this.minWidth,searchable:this.isSearchable,searchValue:this.searchValue,selectionClearable:n&&this.selectionClearable,selectionClearEnabled:o>0&&r,searchPlaceholder:this.searchPlaceholder,clearSelectionLabel:this.clearSelectionLabel,selectionAll:n&&this.selectionAll,selectionAllEnabled:r&&o<a,selectAllLabel:this.selectAllLabel,onSelectAll:this.onSelectAll,onClearSelection:this.onClearSelection,part:"select"},i("slot",{key:"a870a0ebb924bfc747d8efd1733dded667704c12",name:"select-header-actions",slot:"select-header-actions"}),i("slot",{key:"f75b82ea36b5774dbe70a6ee54d46255464e8b5b",name:"select-header-label",slot:"select-header-label"}),this.counter&&i("div",{key:"ac8269141a0733756c81f08d70b4759116043134",class:"select-header-label",slot:"select-header-label"},i("kv-tooltip",{key:"d1a678af9250bc5f29a82692dcee9c41474e7fc4",text:h,truncate:!0},i("div",{key:"551a2a5c36281d42637dea4f1e590d1a7ab0ab44",class:"selected-items-label"},h))),c&&i("slot",{key:"8f1ed81b1188850e3d09c486966dfeabb0f0f078",name:"no-data-available"},i("div",{key:"433a56f3541f4845d132352c8ec664c47fed979e",class:"no-data-available"},i("div",{key:"ff64edfa5f6f1e3fa7c6fd3c0d606a84b9b6389a",class:"illustration-message"},i("kv-illustration-message",Object.assign({key:"cd53154bb0f1ff480f660f142200f1077e05643e"},this.noDataAvailableConfig)))),this.canAddItems&&i("div",{key:"41fb0869ba24ea58a2bff05484533b0d0062c297",class:"create-new-option-button"},i("kv-select-option",Object.assign({key:"5cca9095b7270d92c508d6480363afcad908d921"},Ve(this.highlightedOption,this.createOptionPlaceholder),{onItemSelected:this.onItemSelected,style:{"--select-option-height":"32px"}})))),l&&i("slot",{key:"295167bb5140450bdbd6831a5d3d093243e99e86",name:"no-results-found"},i("div",{key:"3521ad756c13499fa043558bc9fc5fa7d16a0605",class:"no-results-found"},i("div",{key:"6f0d733115348a72f6fb49bf0bbff0255a831578",class:"illustration-message"},i("kv-illustration-message",Object.assign({key:"71f8084ce8c233be892418adb2291aed78b74c55"},this.noResultsFoundConfig))),this.canAddItems&&i("div",{key:"4622125125507f216698e0683927e0e046ca651b",class:"create-new-option-button"},i("kv-select-option",Object.assign({key:"0cde310441b3dea8d64807330a2418569968881a"},Ve(this.highlightedOption,this.createOptionPlaceholder),{onItemSelected:this.onItemSelected,style:{"--select-option-height":"32px"}}))))),r&&this.renderOptions(),this.isCreating&&i("div",{key:"4f975afce4001523824af16d1a1b73a68219be1d",class:{"create-new-option-container":!0,"has-shortcuts":this.shortcuts}},i("div",{key:"b6e6779123a9730d4c584a151d069bedfc7dc192",class:"create-new-option-form"},i("slot",{key:"dc302a348538b6e88496ac7fa57a8a7321debe94",name:"create-new-option"},i("div",{key:"e4c8d301e82ae2d26271ec7d6f573ca246e7e3cf",class:"form-container"},i("kv-select-create-option",{key:"4670df0d2eb3338e64329127646c850afc7e3208",value:this.createdOptionValue,inputConfig:{placeholder:this.createInputPlaceholder}}))))),this.shortcuts&&i("slot",{key:"db105964aa4a43393b5586f0af102831eace16b3",name:"select-footer",slot:"select-footer"},i("kv-select-shortcuts-label",{key:"63349b242efbfa1e54570509c97172ade86aa31e"},i("div",{key:"dc5c59716950b76b025fa6ac4a6aae588f0abae3",class:"counter",slot:"right-items"},!y(this.searchValue)&&r&&i("span",{key:"54046b20f57da68d54e201cda05a9c967bffbad6"},Qe("result",s,!0))))))}get el(){return s(this)}static get watchers(){return{options:["buildSelectionOptions"],filteredOptions:["buildSelectionOptions"],selectedOptions:["buildSelectionOptions"],highlightedOption:["buildSelectionOptions"]}}};Ue.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--select-list-max-height:400px;--select-list-min-height:auto;--select-list-max-width:auto;--select-list-min-width:max-content}kv-select{--select-max-height:var(--select-list-max-height);--select-min-height:var(--select-list-min-height);--select-max-width:var(--select-list-max-width);--select-min-width:var(--select-list-min-width)}.select-header-label{overflow:hidden;max-width:110px}.selected-items-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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;text-transform:none;color:var(--kv-neutral-4, #bebebe);text-wrap:nowrap}.counter{display:flex;align-items:center;color:var(--kv-neutral-4, #bebebe);font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:10px;font-weight:400;font-stretch:normal;font-style:normal;line-height:15px;letter-spacing:normal;text-transform:none}.create-new-option-container{position:absolute;top:0;left:0;border-radius:4px;border:1px solid var(--kv-neutral-6, #3f3f3f);width:calc(100% - 2px);height:calc(100% - 2px);background:rgba(var(--kv-neutral-7-rgb, 42, 42, 42), 0.8);z-index:1}.create-new-option-container.has-shortcuts .create-new-option-form{bottom:36px;border-bottom:1px solid var(--kv-neutral-6, #3f3f3f)}.form-container{background:var(--kv-neutral-7, #2a2a2a);padding:var(--kv-spacing-3x, 12px) var(--kv-spacing-4x, 16px)}.create-new-option-form{width:100%;position:absolute;bottom:0;left:0;border-top:1px solid var(--kv-neutral-6, #3f3f3f)}.create-new-option-button{border-top:1px solid var(--kv-neutral-6, #3f3f3f);padding:var(--kv-spacing-3x, 12px) 0}.no-results-found,.no-data-available{display:flex;flex-direction:column}.no-results-found .illustration-message,.no-data-available .illustration-message{max-width:292px;padding:var(--kv-spacing-8x, 32px) var(--kv-spacing-3x, 12px);align-self:center}';const Ye=class{constructor(i){e(this,i),this.itemSelected=t(this,"itemSelected",7),this.disabled=!1,this.selected=!1,this.highlighted=!1,this.togglable=!1,this.selectable=!0,this.heading=!1,this.level=0,this.isDirty=!1,this.customClass="",this.onItemClick=()=>{this.disabled||this.itemSelected.emit(this.value)}}highlightedChangeHandler(){this.highlighted&&this.el.scrollIntoView({behavior:"smooth",block:"nearest"})}render(){return i(a,{key:"cba1456e44914ad80050fa09c8d09afebaf8927f",class:ie(this.customClass),style:Object.assign({},this.customStyle)},i("div",{key:"c68581a0470c01a78ae59d8c8700a865005e219a",part:"select-option-content"},i("div",{key:"5fcfbc4df831b06645bf2f5922ee809976378f5e",class:{"select-option":!0,"select-option--selected":this.selected,"select-option--highlighted":this.highlighted,"select-option--disabled":this.disabled,"select-option--selectable":this.selectable,"select-option--heading":this.heading},part:"option-container",onClick:this.onItemClick,style:{"--level-padding-offset":24*this.level+"px"}},this.selectable&&this.togglable&&i("kv-checkbox",{key:"ba0e100e0866acfb1c7d2e8a49221683e6a8949b",checked:this.state===p.Selected,indeterminate:this.state===p.Indeterminate,part:"checkbox"}),this.icon&&i("div",{key:"bbab4b96408db858f124e51fb7d455a4a3916ae7",class:"icon-container",part:"icon"},i("kv-icon",{key:"016bf6c27df6154154303dbcf4d60888507389ac",name:this.icon})),i("div",{key:"70248911478a2d0f40eaaae67c89038edcb3d0cc",class:"text-container"},i("div",{key:"5fab13f6b6688c7bdb0b8b904d6f92ebd0db2608",class:"left-content"},this.isDirty&&i("kv-dirty-dot",{key:"9c34c9a424e668b9c881c6ab61cc1ea5d0d97c1f"}),i("div",{key:"a03d011772861e44420e48627ecca15cbae8f9cd",class:"item-label",part:"label"},this.label)),i("div",{key:"2ccb6de8db8b838fd62b5cd6ab4d172864c38438",class:"right-content"},this.description&&i("div",{key:"dbb871815a3babc4247048fbed2e57b4ac85380a",class:"item-description"},this.description),this.action&&i("div",{key:"fb3e92d012ca5aed904be377160b5f9c4c2f1e6b",class:"action-container"},i("kv-action-button-icon",{key:"fcd7396ac108d335762251e11a95535f437fb79f",type:u.Ghost,icon:this.action.icon,onClickButton:this.action.onClick,active:this.action.active,onClick:e=>e.stopPropagation()}))))),i("slot",{key:"7e597c43ae6a448c59c42b9f78dbdd903ed5f235"})))}get el(){return s(this)}static get watchers(){return{highlighted:["highlightedChangeHandler"]}}};Ye.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--select-option-height:32px;--select-option-transition-duration:100ms;--select-option-background-color:var(--kv-neutral-7, #2a2a2a);--select-option-background-color-selected:var(--kv-neutral-6, #3f3f3f);--select-option-background-color-highlighted:var(--kv-neutral-6, #3f3f3f);--select-option-background-color-hover:var(--kv-neutral-6, #3f3f3f);--select-option-label-color:var(--kv-neutral-4, #bebebe);--select-option-label-color-selected:var(--kv-neutral-1, #f2f2f6);--select-option-label-color-highlighted:var(--kv-neutral-2, #e5e5e5);--select-option-label-color-hover:var(--kv-neutral-2, #e5e5e5);--select-option-description-color:var(--kv-neutral-4, #bebebe);--select-option-description-color-selected:var(--kv-neutral-4, #bebebe);--select-option-description-color-highlighted:var(--kv-neutral-4, #bebebe);--select-option-description-color-hover:var(--kv-neutral-4, #bebebe);--select-option-icon-size:16px;--select-option-icon-color:var(--kv-neutral-0, #fff)}.select-option{height:var(--select-option-height);display:flex;flex-direction:row;align-items:center;user-select:none;cursor:pointer;background-color:var(--select-option-background-color);transition:background-color var(--select-option-transition-duration) linear;padding-right:var(--kv-spacing-4x, 16px);padding-left:calc(var(--level-padding-offset) + var(--kv-spacing-4x, 16px))}.select-option .text-container{flex:1;min-width:0;display:flex;align-items:center;gap:var(--kv-spacing-2x, 8px)}.select-option .left-content{flex:1;min-width:0;display:flex;align-items:center;gap:var(--kv-spacing, 4px)}.select-option .right-content{display:flex;align-items:center;gap:var(--kv-spacing-2x, 8px)}.select-option .icon-container{margin-right:var(--kv-spacing-2x, 8px)}.select-option .icon-container kv-icon{--icon-width:var(--select-option-icon-size);--icon-height:var(--select-option-icon-size);--icon-color:var(--select-option-icon-color)}.select-option .item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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;transition:font-weight var(--select-option-transition-duration) linear;color:var(--select-option-label-color)}.select-option .item-description{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;text-transform:none;color:var(--select-option-description-color)}.select-option--selected{background-color:var(--select-option-background-color-selected)}.select-option--selected .item-label{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none;color:var(--select-option-label-color-selected)}.select-option--selected .item-description{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;text-transform:none;color:var(--select-option-description-color-selected)}.select-option:hover{background-color:var(--select-option-background-color-hover)}.select-option:hover .item-label{color:var(--select-option-label-color-hover)}.select-option:hover .item-description{color:var(--select-option-description-color-hover)}.select-option--highlighted{background-color:var(--select-option-background-color-highlighted)}.select-option--highlighted .item-label{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none;color:var(--select-option-label-color-highlighted)}.select-option--highlighted .item-description{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;text-transform:none;color:var(--select-option-description-color-highlighted)}.select-option--disabled{opacity:0.5;pointer-events:none}.select-option:not(.select-option--selectable){pointer-events:none;user-select:none}.select-option--heading .item-label{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:10px;font-weight:600;font-stretch:normal;font-style:normal;line-height:15px;letter-spacing:1.5px;text-transform:uppercase;color:var(--kv-neutral-2, #e5e5e5)}.select-option--heading .text-container .left-content::after{content:"";display:flex;flex:1;height:1px;background:var(--kv-neutral-6, #3f3f3f);margin-left:var(--kv-spacing-2x, 8px)}.select-option kv-checkbox{--checkbox-icon-size:12px;margin-right:var(--kv-spacing-2x, 8px)}';const Xe=class{constructor(t){e(this,t)}render(){return i(a,{key:"e36d350cd810ca03e7724116c3e7d01ec8a19357"},i("div",{key:"348b483e72ac4d2ceb7c02bfbbc6714aeb395ccc",class:"shortcuts"},i("div",{key:"1caeede75acbf0c6564e3b52eb19b333379ccb83",class:"left-items"},i("div",{key:"c3fcf666e3a26f51c4bfb34d3f2f6ad9dc46e329",class:"group"},i("div",{key:"0d33cf2554d01ba268cd35715807dc8982e167d1",class:"icons"},i("div",{key:"88df5afb3ea0f7dd5f935a3320641524ea95feda",class:"icon"},i("kv-icon",{key:"9dae53a27491f20362d3d7a24c9fc4c4efe8199e",name:n.ArrowDropUp})),i("div",{key:"3523fa439632ece0338694136fe4515a42f421eb",class:"icon"},i("kv-icon",{key:"f52c7b2a4341dc9e67d004a3c89afd96505851c9",name:n.ArrowDropDown}))),i("div",{key:"7edffbf71318de7591e2e7de58ae0c2a5559a371",class:"label"},"To navigate")),i("div",{key:"b13f0829ce4a0936b9f402cc6db93603b0785f8b",class:"group"},i("div",{key:"d4d932949911edaa4f070f352244ce23c7b69690",class:"icons"},i("div",{key:"5a67e98e1df5ef09824af603ba5ebec5b4814b67",class:"icon"},i("kv-icon",{key:"a210f13c95c0cc9d2eaf25a11bcda7c1e9d23b00",name:n.Undo}))),i("div",{key:"3f2667fe4d14c619da577e46796cf0af89ec9314",class:"label"},"To select")),i("div",{key:"1e9c5329e790af7c5454b827d541650157665161",class:"group"},i("div",{key:"beaa1308614e495ac789d2f9ba75c0bfe217426a",class:"icons"},i("div",{key:"a085081bdd763a62283d07a9d3ea22fef782576b",class:"icon"},"esc")),i("div",{key:"d5baa2c90ba8156081c09d7693a2e9ce47215612",class:"label"},"To dismiss"))),i("slot",{key:"dc5bee03793b746282dab1c0445f041aa43eba67",name:"right-items"})))}};Xe.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}.shortcuts{background:var(--kv-neutral-6, #3f3f3f);display:flex;justify-content:space-between;padding:var(--kv-spacing-2x, 8px) var(--kv-spacing-4x, 16px);user-select:none}.left-items{display:flex;gap:var(--kv-spacing-5x, 20px)}.group{display:flex;align-items:center;gap:var(--kv-spacing-2x, 8px)}.icons{display:flex;align-items:center;gap:var(--kv-spacing, 4px)}.label{color:var(--kv-neutral-4, #bebebe);font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:10px;font-weight:400;font-stretch:normal;font-style:normal;line-height:15px;letter-spacing:normal;text-transform:none}.icon{border-radius:4px;background:var(--kv-neutral-5, #707070);color:var(--kv-neutral-2, #e5e5e5);font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:10px;font-weight:400;font-stretch:normal;font-style:normal;line-height:15px;letter-spacing:normal;text-transform:none;text-align:center;display:flex;align-items:center;justify-content:center;height:20px;width:20px}.icon kv-icon{--icon-color:var(--kv-neutral-2, #e5e5e5)}';const et=(e,t,a,s,o)=>i("div",{key:t,class:"item",style:{transform:`translate(0px,${s}px)`,height:`${a}px`,width:"100%"}},o(e)),tt=class{constructor(t){e(this,t),this.overscanCount=5,this.resizeObserver=new ResizeObserver((()=>this.debounceResize())),this.totalHeight=1,this.scrollTop=0,this.debounceResize=ae((()=>this.updateVisibleElements()),100),this.throttledScroll=se((()=>{this.updateScrollTop(),this.updateVisibleElements()}),16,{trailing:!0}),this.updateScrollTop=()=>{var e;this.scrollTop=null!==(e=this.element.scrollTop)&&void 0!==e?e:0},this.updateVisibleElements=()=>{this.elements=this.getVisibleElements()},this.getVisibleElements=()=>{var e;const t=null!==(e=this.element.clientHeight)&&void 0!==e?e:0,i=[];let a=0;const s=this.overscanCount*this.itemHeight;for(let e=0;e<this.itemCount;e++){let o=this.getItemKey(e);if(this.scrollTop-s>a+this.itemHeight)a+=this.itemHeight;else{if(this.scrollTop+t+s<a)break;i.push(et(e,o,this.itemHeight,a,this.renderItem)),a+=this.itemHeight}}return i}}updateTotalHeight(){this.totalHeight=this.itemHeight*this.itemCount}renderItemHandle(){this.updateVisibleElements()}connectedCallback(){this.element.addEventListener("scroll",this.throttledScroll),this.resizeObserver.observe(this.element),this.updateTotalHeight()}disconnectedCallback(){this.element.removeEventListener("scroll",this.throttledScroll),this.resizeObserver.disconnect()}render(){return i(a,{key:"9f51b9c9ddb6cdefedef133bb24adff93edd7682"},i("div",{key:"1b14fb2c2b7412e6cad824dd9a65d1e6e6fb19cb",class:"inner",style:{height:`${this.totalHeight}px`}},this.elements))}get element(){return s(this)}static get watchers(){return{itemHeight:["updateTotalHeight"],itemCount:["updateTotalHeight"],renderItem:["renderItemHandle"]}}};tt.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--virtualized-list-max-height:auto;--virtualized-list-min-height:auto;max-height:var(--virtualized-list-max-height);min-height:var(--virtualized-list-min-height);padding:var(--kv-spacing-3x, 12px) 0;height:100%;width:100%;display:block;overflow-y:auto}:host::-webkit-scrollbar{width:15px;height:15px}:host::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--kv-neutral-6, #3f3f3f);border:4px solid transparent;background-clip:content-box}:host::-webkit-scrollbar-corner{background-color:transparent}:host .inner{position:relative;display:block;width:100%}:host .item{position:absolute}';export{_e as kv_checkbox,He as kv_dropdown,Ee as kv_illustration,Te as kv_illustration_message,Be as kv_search,Me as kv_select,Re as kv_select_create_option,Ue as kv_select_multi_options,Ye as kv_select_option,