xv-webcomponents 1.24.11-qa.0 → 2.0.0-beta.2

package/dist/components/xv-header.js

@@ -0,0 +1 @@
+import{p as e,H as a,c as t,h as i,t as r}from"./p-BNP2Lw34.js";import{S as s}from"./p-HjYAjHna.js";import{b as o,a as n,g as d,d as h}from"./index.js";import{a as l}from"./p-e0i0f6QA.js";import{d as c}from"./p-COoj5JkZ.js";import{d as v}from"./p-kQVUwJXZ.js";import{d as p}from"./p-Ddx5DwV5.js";import{d as g}from"./p-BXB4D7j4.js";import{d as f}from"./p-Dzz9jxLm.js";import{d as m}from"./p-DlLBjhuH.js";import{d as u}from"./p-CbVZCn2p.js";import{d as x}from"./p-BRYrLHiz.js";import{d as b}from"./p-CMAJWZsP.js";import{d as y}from"./p-CHtssNO9.js";import{d as N}from"./p-CILNPUHH.js";import{d as M}from"./p-DTwz9Fsh.js";import{d as j}from"./p-CEjlxnKY.js";import{d as k}from"./p-DyGMZIub.js";import{d as w}from"./p-BRZwUlfE.js";const D=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.xvMetaNavUpdate=t(this,"xvMetaNavUpdate",7),this.orgUnit="",this.baseUrl="",this.loading=!1,this.mobMenuOpen=!1,this.toggleMobMenu=()=>{this.mobMenuOpen=!this.mobMenuOpen},this.closeMobMenu=({detail:e})=>{this.mobMenuOpen=!!e},this.logoFallback=e=>{const a=e.currentTarget,t=a.previousElementSibling,i="https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg";i!==a.src&&(a.onerror=null,a.src=i,(null==t?void 0:t.srcset)&&(t.srcset="https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg"))},this.suggestions=[],this.suggestionsLoading=!1,this.handleSearch=async e=>{try{this.suggestionsLoading=!0;const a=e.target.value.trim();if(!a)return void(this.suggestions=[]);const t=""+new URLSearchParams({fuzzy:"true",suggesterName:"xv-shared-index-live-suggester","api-version":"2020-06-30",search:a,$top:"10",$select:"title_de,page_link,source",$orderby:"source desc"});this.suggestions=await o.get("https://xv-search.search.windows.net/indexes/xv-shared-index-live/docs/suggest?"+t,{headers:{"api-key":"7315DEF1FA0C8B12109B12BA28E517E7"}}).then((({value:e})=>Array.isArray(e)?e:[]))}catch(e){console.log("error",e)}finally{this.suggestionsLoading=!1}},this.handleSearchOpen=e=>{const a=e.currentTarget.closest("form");if(!a)return;const t=a.querySelector('input[type="search"]');t&&t.focus()},this.handleSearchKeydown=e=>{var a;"Escape"===e.key&&(null===(a=e.currentTarget)||void 0===a||a.blur(),this.suggestions=[])},this.handlePreventEvent=e=>e.preventDefault(),this.notifications=[],this.showLoginModal=!1}handleOrgUnitChange({detail:e}){this.orgUnit=e||""}metaNavUpdate(){var e,a;const t=n();t&&(this.metaNav=t,this.orgUnit=(null===(a=null===(e=this.metaNav)||void 0===e?void 0:e.User)||void 0===a?void 0:a.SelectedOrgUnitName)||"",this.getNotifications()),console.info("MetaNav was updated",this.metaNav)}componentWillLoad(){this.baseUrl=d(),this.initHeader()}async initHeader(){try{this.loading=!0;const e=await o.post("/de-de/home/getpersonalareajson",void 0,{credentials:"include"});this.xvMetaNavUpdate.emit(e),localStorage.setItem("metaNav",JSON.stringify(e))}catch(e){console.error("Failed to fetch initial Header data:",null==e?void 0:e.message,e)}finally{this.metaNavUpdate(),this.loading=!1}}_renderSearch(){var e;return!0!==(null===(e=this.metaNav)||void 0===e?void 0:e.EnableMegaMenuSearch)?null:i("li",{class:"search-form"},i("form",{action:this.baseUrl+"/de-de/media/search",method:"get",role:"search"},i("input",{onKeyDown:this.handleSearchKeydown,onInput:h(this.handleSearch,700),type:"search",name:"Q",placeholder:"Suchen",title:"Drücken Sie die 'Enter' zum 'Suchen' oder Escape zum Zurücksetzen",autoComplete:"off"}),i("xv-button-v2",{onClick:this.handleSearchOpen,onMouseDown:this.handlePreventEvent,type:"button",variant:"ghost",size:s.MD},i("i",{class:"header-icon far fa-search"})),i("xv-button-v2",{type:"submit",variant:"ghost",size:s.MD},i("i",{class:"header-icon far fa-search"}))),i("ul",{class:{"search-form-suggestions":!0,loading:this.suggestionsLoading}},this.suggestions.map((e=>i("li",null,i("xv-link-v2",{variant:"standalone",href:`${"marketplace"===e.source?"https://marketplace.crossvertise.com":"https://www.crossvertise.com"}${e.page_link}`},e.title_de)))),!this.suggestions.length&&i("li",{class:"text-center xv-helper-text-02"},"Keine Daten gefunden")))}_renderImpersonationInfo(){var e,a,t,r,o;return(null===(e=this.metaNav)||void 0===e?void 0:e.ImpersonationInfo)?i("li",{class:"impersonationInfo"},i("xv-toggle-tip",{position:"bottom-end",autoSize:!0},i("xv-button-v2",{variant:"ghost",slot:"trigger",size:s.MD},i("img",{slot:"icon-left",width:16,height:16,src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gNy4xLjAgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE3Ni41IDE5MkMxNzYuNSAxNDcuOCAyMTIuMyAxMTIgMjU2LjUgMTEyQzMwMC43IDExMiAzMzYuNSAxNDcuOCAzMzYuNSAxOTJDMzM2LjUgMjM2LjIgMzAwLjcgMjcyIDI1Ni41IDI3MkMyMTIuMyAyNzIgMTc2LjUgMjM2LjIgMTc2LjUgMTkyek0zODQuNSAxOTJDMzg0LjUgMTIxLjMgMzI3LjIgNjQgMjU2LjUgNjRDMTg1LjggNjQgMTI4LjUgMTIxLjMgMTI4LjUgMTkyQzEyOC41IDI2Mi43IDE4NS44IDMyMCAyNTYuNSAzMjBDMzI3LjIgMzIwIDM4NC41IDI2Mi43IDM4NC41IDE5MnpNODAuNSA1NDRDODAuNSA0NzMuMyAxMzcuOCA0MTYgMjA4LjUgNDE2TDI4OC43IDQxNkMyODkuNSAzOTkuMiAyOTIuNyAzODMuMSAyOTguMSAzNjhMMjA4LjUgMzY4QzExMS4zIDM2OCAzMi41IDQ0Ni44IDMyLjUgNTQ0TDMyLjUgNTUyQzMyLjUgNTY1LjMgNDMuMiA1NzYgNTYuNSA1NzZDNjkuOCA1NzYgODAuNSA1NjUuMyA4MC41IDU1Mkw4MC41IDU0NHpNNDU2LjUgMzUyQzQ5Ni4zIDM1MiA1MjguNSAzODQuMiA1MjguNSA0MjRDNTI4LjUgNDYzLjggNDk2LjMgNDk2IDQ1Ni41IDQ5NkM0MTYuNyA0OTYgMzg0LjUgNDYzLjggMzg0LjUgNDI0QzM4NC41IDM4NC4yIDQxNi43IDM1MiA0NTYuNSAzNTJ6TTQ1Ni41IDU0NEM0ODAuOSA1NDQgNTAzLjYgNTM2LjcgNTIyLjYgNTI0LjJMNTgzLjUgNTg1LjFDNTkyLjkgNTk0LjUgNjA4LjEgNTk0LjUgNjE3LjQgNTg1LjFDNjI2LjcgNTc1LjcgNjI2LjggNTYwLjUgNjE3LjQgNTUxLjJMNTU2LjUgNDkwLjNDNTY5LjEgNDcxLjMgNTc2LjQgNDQ4LjUgNTc2LjQgNDI0QzU3Ni40IDM1Ny43IDUyMi43IDMwNCA0NTYuNCAzMDRDMzkwLjEgMzA0IDMzNi40IDM1Ny43IDMzNi40IDQyNEMzMzYuNCA0OTAuMyAzOTAuMSA1NDQgNDU2LjQgNTQ0eiIvPjwvc3ZnPg==",alt:"ic"})),i("ul",{slot:"body",class:"xv-helper-text-02"},i("li",null,"Kundenperspektive aktiviert für:"),i("li",null,null===(a=this.metaNav.ImpersonationInfo)||void 0===a?void 0:a.NameAndTitle),i("li",null,null===(t=this.metaNav.ImpersonationInfo)||void 0===t?void 0:t.CompanyName),i("li",null,null===(r=this.metaNav.ImpersonationInfo)||void 0===r?void 0:r.Email),i("li",null,null===(o=this.metaNav.ImpersonationInfo)||void 0===o?void 0:o.PhoneOffice)),i("xv-link-v2",{slot:"footer",href:this.baseUrl+"/de-de/mycrossvertise/account/clearimpersonation",variant:"ghost"},i("xv-button-v2",{block:!0,variant:"accent"},"Kundenperspektive verlassen")))):null}async getNotifications(){var e;if(null===(e=this.metaNav)||void 0===e?void 0:e.IsManager)try{this.notifications=await o.get(this.baseUrl+"/de-de/api/notifications/list",{credentials:"include"}).then((e=>Array.isArray(e)?e:[]))}catch(e){this.notifications=[]}}_renderNotifications(){var e;return(null===(e=this.metaNav)||void 0===e?void 0:e.IsManager)?i("li",{class:"notifications"},i("xv-overflow-menu-v2",{position:"right",size:s.MD},i("span",{slot:"trigger",class:"fa-stack"},i("i",{class:"notifications-icon far fa-bell fa-stack-1x"}),this.notifications.length>0&&i("xv-tag-v2",{class:"counter-badge counter-badge--absolute",bg:"var(--icon-interactive, #97BF0D)",color:"var(--text-inverse, #FFF)"},this.notifications.length)),this.notifications.map((e=>i("xv-overflow-menu-v2-item",{value:e.id,variant:l.GHOST,disabled:e.isRead,clickable:!1},i("div",{class:"notifications-item"},i("i",{class:{far:!0,"fa-clock":!e.status,"fa-times-circle":1===e.status,"fa-circle":e.status&&1!==e.status}}),i("div",{class:"notifications-item-body"},i("span",null,"Rechnungsentwurf für Auftrag ",e.orderId," ist ausstehend"),i("xv-link-v2",{variant:e.isRead?"ghost":"standalone",href:"/de-de/manager/ordersales/details/"+e.orderId},"Auftrag anschauen")))))))):null}_renderAccount(){var e,a,t,r,o,n,d,h;if(!(null===(e=this.metaNav)||void 0===e?void 0:e.IsAuthenticated))return i("li",null,i("xv-button-v2",{variant:"ghost",size:s.MD,onClick:()=>this.showLoginModal=!0},i("i",{class:"header-icon far fa-user"}),i("span",{class:"header-label xv-body-02"},"Mein Konto")));const l=[...(null===(a=this.metaNav)||void 0===a?void 0:a.ManagerCockpitMenu)||[],...(null===(t=this.metaNav)||void 0===t?void 0:t.ManagerEntitiesMenu)||[],...(null===(r=this.metaNav)||void 0===r?void 0:r.ManagerMenu)||[],...(null===(o=this.metaNav)||void 0===o?void 0:o.IsManager)?[]:(null===(n=this.metaNav)||void 0===n?void 0:n.UserMenu)||[]];return i("li",{class:"myArea"},i("xv-button-v2",{id:"xv-header-myarea-trigger",class:"myArea-btn",variant:"ghost",size:s.MD},i("i",{class:"far fa-user"}),i("div",{class:"header-label xv-body-02"},(null===(d=this.metaNav)||void 0===d?void 0:d.IsManager)&&i("small",{class:"xv-label-01"},"Manager"),i("span",null,(null===(h=this.metaNav)||void 0===h?void 0:h.UserMenuText)||"Mein Konto")),i("i",{class:"caret"})),i("xv-overflow-menu-v2",{anchor:"#xv-header-myarea-trigger",alignment:"start"},l.map((e=>i("xv-overflow-menu-v2-item",{value:e.Url,href:e.Url,target:e.Target},e.Text,e.BadgeText&&i("xv-tag-v2",{class:"category-badge",color:"var(--text-inverse, #FFF)",bg:"var(--icon-interactive, #97BF0D)"},e.BadgeText)))),i("xv-overflow-menu-v2-item",{divider:!0,value:"logoff",href:`${this.baseUrl}/de-de/mycrossvertise/account/logoff?returnUrl=${window.location.hostname}`},"Abmelden")))}_renderShoppingCart(){var e,a;return i("li",null,i("xv-link-v2",{href:this.baseUrl+"/de-de/mycrossvertise/shoppingcart/activecart",variant:"ghost"},i("xv-button-v2",{variant:"ghost",size:s.MD},i("i",{class:"header-icon far fa-shopping-cart"}),i("span",{class:"header-label xv-body-02"},"Warenkorb"),i("xv-tag-v2",{id:"shopping-cart-items-badge",class:"counter-badge",bg:"var(--icon-interactive, #97BF0D)",color:"var(--text-inverse, #FFF)"},(null===(a=null===(e=this.metaNav)||void 0===e?void 0:e.Cart)||void 0===a?void 0:a.NumberOfItems)||0))))}render(){var e,a,t,r,o;const n="Xv"===((null===(e=this.metaNav)||void 0===e?void 0:e.WhitelabelName)||"Xv");return i("header",{key:"bb6b68b11e86c55e6fb78b9171f91c4ee0aeff54",class:"header"},i("div",{key:"dc39a36e6b8c22d6a5a9fa280b4b8710f4ab864c",class:"header-wrapper"},i("div",{key:"e97b619a8acfabfdb1afeae65282585a3820dd82",class:"xv-container"},i("div",{key:"ae1f930065601df59d19c84e73440448814f4148",class:"header-top"},i("div",{key:"64464d7fbc8002bb041ac5f054345dff9b082fa8",class:"header-top--left"},i("xv-button-v2",{key:"789ef6677bf63b39f0fed43d5aa9e4a7dc25293a",class:"menu-btn",variant:"ghost",onClick:this.toggleMobMenu},i("i",{key:"22ce09415f7e827847cebaa2021a5b12127d8836",slot:"icon-left",class:{fa:!0,"fa-times":this.mobMenuOpen,"fa-bars":!this.mobMenuOpen}})),this.metaNav&&i("a",{key:"cacc6a468ad3987f6fc984eedc48f6bb2a527343",href:window.location.origin+"/"},i("picture",{key:"1548e8772b828177ba9cc57f487f89b55607915d"},i("source",{key:"6a3e862fd369b08bc2d770665a7fd8ec93dce405",srcSet:(null===(a=this.metaNav)||void 0===a?void 0:a.LogoUrl)||"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg",media:"(min-width: 990px)"}),i("img",{key:"6d4e85336fe45a1c6ff00ff523a6dfbeee7a75f2",src:(null===(t=this.metaNav)||void 0===t?void 0:t.LogoSmallUrl)||"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg",onError:this.logoFallback,loading:"lazy",alt:"Crossvertise"}))),this.orgUnit&&i("xv-link-v2",{key:"1def60b23452f2c91a288078f4d7cc4e3ce01d98",class:"header-top--orgUnit",variant:"standalone",href:"/de-de/mycrossvertise"},this.orgUnit)),i("ul",{key:"f3b08084e0114ec652cfd1193f6aa83d64d27154",class:"header-top--right"},this._renderSearch(),this._renderImpersonationInfo(),!(null===(r=this.metaNav)||void 0===r?void 0:r.IsManager)&&n&&i("li",{key:"db3dce7468366a7850f04bc9efc9c9e5807f3b68"},i("xv-link-v2",{key:"48c44f5f4827447138e1e84f515c24b6da96806c",variant:"ghost",href:"https://www.crossvertise.com/ueber-uns/kontakt"},i("xv-button-v2",{key:"9cfc3ec391af795294b935ee00e2d331d57fea18",variant:"ghost",size:s.MD},i("i",{key:"d3b979a9670a09d9432740265d4dddff60af1bf1",class:"header-icon far fa-envelope"}),i("span",{key:"a30f3dd82f3ae79e00a9f3155436d0b386ab9c8b",class:"header-label xv-body-02"},"Kontakt")))),this._renderNotifications(),this._renderAccount(),!(null===(o=this.metaNav)||void 0===o?void 0:o.IsManager)&&n&&i("li",{key:"0a6fe80cad3a5b3538f00a5f90420ea17adaca35"},i("xv-link-v2",{key:"82e760818362aa3c07f88a1ad5137617e8768b69",variant:"ghost",href:"https://help.crossvertise.com"},i("xv-button-v2",{key:"b586df26cff3c6f3858f9383b78f6fbc74dda77d",variant:"ghost",size:s.MD},i("i",{key:"a6f5f39654b26f9218c3ee64084ff65b89048ca5",class:"header-icon far fa-question-circle"}),i("span",{key:"1d4400a01782e32381da2f3b415da2027193a32f",class:"header-label xv-body-02"},"Hilfe")))),this._renderShoppingCart()))),i("div",{key:"d8b918f626a8d3ecd0b0ebb1e70af6603ab27bfd",class:"header-wrapper--bg"},i("div",{key:"a01cb04fd93b256088dc57024336b1fd239ef326",class:"xv-container"},i("xv-mega-menu",{key:"08993625f27b6d20e6fc811c79260b57cabcd0e6",open:this.mobMenuOpen,onOpenChange:this.closeMobMenu})))),i("xv-login-modal",{key:"c4f55e87116e962d77a44854542dd6f78c0d4aac",visible:this.showLoginModal,onClose:()=>this.showLoginModal=!1}))}get el(){return this}static get style(){return'.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}header.header{position:sticky;z-index:1000;top:0}header.header .header-wrapper{width:100%;max-width:100vw;padding-top:var(--spacing-04);background-color:var(--background, #fff);box-shadow:1px 1px 0 0 rgba(39, 52, 53, 0.15), 0 3px 2px 0 rgba(39, 52, 53, 0.3)}@media (max-width: 991px){header.header .header-wrapper{padding-bottom:var(--spacing-04)}}header.header .header-wrapper--bg{background:var(--menu-background, transparent);color:var(--menu-color, var(--text-primary, #131313))}header.header .header-top{display:flex;align-items:center;gap:var(--spacing-05)}header.header .header-top--left{width:100%;max-width:350px;display:flex;align-items:center;column-gap:var(--spacing-04)}header.header .header-top--left img{width:100%;height:26px;object-fit:contain}header.header .header-top--left .menu-btn{display:none}@media (max-width: 991px){header.header .header-top--left .menu-btn{display:inline-block}}header.header .header-top--right{flex:1;display:flex;justify-content:flex-end;gap:var(--spacing-03);margin:0;padding:0;list-style:none}@media (max-width: 1199px){header.header .header-top--right{gap:var(--spacing-01)}}header.header .header-top--right .header-label{display:flex;flex-direction:column;color:var(--text-primary, #131313)}header.header .header-top--right .header-label>small{line-height:1}@media (min-width: 992px){header.header .header-top--right .header-label{margin-inline:var(--spacing-02)}}@media (max-width: 1199px){header.header .header-top--right .header-label{display:none}}header.header .header-top--right .header-icon{color:var(--icon-primary, #131313)}header.header .header-top--right .caret{display:inline-block;margin-left:5px;width:6px;height:6px;border:none;border-bottom:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);box-sizing:border-box;background:transparent;transform-origin:center;transition:0.25s ease-in-out transform}header.header .header-top--right .counter-badge--absolute{position:absolute;top:0;right:0}header.header .header-top--right .counter-badge::part(details-content){padding:1px;line-height:1;min-width:16px;height:16px;font-size:10px;text-align:center;display:inline-flex;align-items:center;justify-content:center}header.header .header-top--orgUnit{--link-visited:var(--link-primary)}header.header .header-top .fa-question-circle{color:var(--icon-primary, #131313)}header.header .header-top .search-form{flex:1;position:relative}@media (max-width: 768px){header.header .header-top .search-form{display:none}}header.header .header-top .search-form form{padding-inline:2px;flex:1;display:flex;align-items:stretch;flex-direction:row;justify-content:flex-end}header.header .header-top .search-form form input[type=search]{flex:0;text-align:right;display:inline-flex;border:none;min-width:0;transition:flex 0.3s ease-in-out, outline 0.3s ease;overflow:hidden;border-radius:3px}header.header .header-top .search-form form input[type=search]::placeholder{color:var(--text-placeholder, #ACACAC)}header.header .header-top .search-form form input[type=search]:focus{outline:2px solid var(--focus)}header.header .header-top .search-form form>[type=button]{display:inline-flex}header.header .header-top .search-form form>[type=submit]{display:none}header.header .header-top .search-form form:focus-within>[type=button],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))>[type=button]{display:none}header.header .header-top .search-form form:focus-within>[type=submit],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))>[type=submit]{display:inline-flex}header.header .header-top .search-form form:focus-within input[type=search],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown)) input[type=search]{flex:1;outline:1px solid var(--focus)}header.header .header-top .search-form form:focus-within+.search-form-suggestions,header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))+.search-form-suggestions{display:flex}header.header .header-top .search-form-suggestions{position:absolute;top:calc(100% + 5px);background-color:var(--background, #fff);box-shadow:0 0 10px rgba(0, 0, 0, 0.1);border-radius:3px;z-index:2;padding:var(--spacing-04);margin:0;list-style:none;display:none;flex-direction:column;row-gap:var(--spacing-02);min-width:calc(100% - 32px)}header.header .header-top .search-form-suggestions.loading:after{display:flex;align-items:center;justify-content:center;content:"";background:rgba(255, 255, 255, 0.8);position:absolute;top:0;left:0;z-index:3;width:100%;height:100%}header.header .header-top .impersonationInfo ul[slot=body]{margin:0;padding:0;list-style:none;min-width:256px}header.header .header-top .notifications-icon{font-size:14px}header.header .header-top .notifications-item{display:flex;align-items:center;column-gap:var(--spacing-04)}header.header .header-top .notifications-item-body{display:flex;flex-direction:column}header.header .header-top .myArea{position:relative}header.header .header-top .myArea .myArea-btn[aria-expanded=true] .caret{transform:rotate(-135deg)}header.header .header-top .myArea .category-badge{margin-left:var(--spacing-02)}header.header .header-top .myArea .category-badge::part(details-content){line-height:1;font-size:11px;padding:var(--spacing-01) var(--spacing-02)}header.header .xv-container{box-sizing:content-box;line-height:normal}'}},[0,"xv-header",{metaNav:[32],orgUnit:[32],baseUrl:[32],loading:[32],mobMenuOpen:[32],suggestions:[32],suggestionsLoading:[32],notifications:[32],showLoginModal:[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]]);function z(){"undefined"!=typeof customElements&&["xv-header","xv-button-v2","xv-card-v2","xv-checkbox-v2","xv-link-v2","xv-loader-v2","xv-login-modal","xv-mega-menu","xv-modal-v2","xv-notification-v2","xv-overflow-menu-v2","xv-overflow-menu-v2-item","xv-tag-v2","xv-text-input-v2","xv-toggle-tip","xv-tooltip-v2"].forEach((e=>{switch(e){case"xv-header":customElements.get(r(e))||customElements.define(r(e),D);break;case"xv-button-v2":customElements.get(r(e))||c();break;case"xv-card-v2":customElements.get(r(e))||v();break;case"xv-checkbox-v2":customElements.get(r(e))||p();break;case"xv-link-v2":customElements.get(r(e))||g();break;case"xv-loader-v2":customElements.get(r(e))||f();break;case"xv-login-modal":customElements.get(r(e))||m();break;case"xv-mega-menu":customElements.get(r(e))||u();break;case"xv-modal-v2":customElements.get(r(e))||x();break;case"xv-notification-v2":customElements.get(r(e))||b();break;case"xv-overflow-menu-v2":customElements.get(r(e))||y();break;case"xv-overflow-menu-v2-item":customElements.get(r(e))||N();break;case"xv-tag-v2":customElements.get(r(e))||M();break;case"xv-text-input-v2":customElements.get(r(e))||j();break;case"xv-toggle-tip":customElements.get(r(e))||k();break;case"xv-tooltip-v2":customElements.get(r(e))||w()}}))}z();const A=D,I=z;export{A as XvHeader,I as defineCustomElement}

package/dist/components/xv-image-viewer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvImageViewer extends Components.XvImageViewer, HTMLElement {}
+export const XvImageViewer: {
+    prototype: XvImageViewer;
+    new (): XvImageViewer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-image-viewer.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as i,h as s,a,t as r}from"./p-BNP2Lw34.js";import{S as o}from"./p-HjYAjHna.js";import{d as h}from"./p-Dzz9jxLm.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.imageError=i(this,"imageError",7),this.alt="",this.placeholder="",this.lazy=!1,this.isFullscreen=!1,this.loaded=!1,this.fullscreenLoaded=!1,this.errored=!1,this.handleClick=()=>{this.isFullscreen=!0;const e=new Image;e.src=this.fullscreenSrc||this.src,e.onload=()=>this.fullscreenLoaded=!0},this.closeFullscreen=()=>{this.isFullscreen=!1},this.handleDialogClick=e=>{e.target===this.dialogEl&&this.closeFullscreen()},this.handleError=()=>{this.errored=!0,this.imageError.emit()}}componentDidLoad(){this.lazy?(this.observer=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&(this.loaded=!0,this.observer.disconnect())}))}),{rootMargin:"50px"}),this.observer.observe(this.el)):this.loaded=!0}componentDidRender(){var e;this.isFullscreen&&this.dialogEl&&!this.dialogEl.open?this.dialogEl.showModal():!this.isFullscreen&&(null===(e=this.dialogEl)||void 0===e?void 0:e.open)&&this.dialogEl.close()}render(){return s(a,{key:"96e6a18361c53fc6aaa53dee2b9da462e5b06ad6",class:{"image-wrapper":!0,errored:this.errored}},!this.loaded&&s("xv-loader-v2",{key:"a8176f282bcbbde31fe11f0a2024f1d7319fe54c",class:"loading"},this.placeholder),this.loaded&&this.errored&&s("slot",{key:"aacf047f96435441011e7654b226b2e8c60a2ee7",name:"fallback"}),this.loaded&&!this.errored&&s("img",{key:"1a138d2ffd93980d3801cf7a74b6de5a50392365",src:this.src,alt:this.alt,class:"image",onClick:this.handleClick,onError:this.handleError}),this.isFullscreen&&s("dialog",{key:"98a01adac9bf6e6cf872119b6f9f79103f3115f9",class:"fullscreen-dialog",ref:e=>this.dialogEl=e,onClick:this.handleDialogClick,onClose:this.closeFullscreen},!this.fullscreenLoaded&&s("xv-loader-v2",{key:"2e79d4b22d2e82cb05fe6a05d4fa6e10a0cba52c",class:"loading",size:o.LG},this.placeholder),s("img",{key:"0ee0411c7ff141af7acb2a87320bd54877854fc3",src:this.fullscreenSrc||this.src,alt:this.alt,class:{"fullscreen-image":!0,loaded:this.fullscreenLoaded}})))}get el(){return this}static get style(){return":host(.image-wrapper){display:inline-flex;position:relative;cursor:pointer;max-width:100%;height:auto;flex:1;align-self:center;align-items:center;justify-content:center}:host(.image-wrapper) .image{width:inherit;height:inherit;max-height:inherit;max-width:inherit;object-fit:inherit;transition:opacity 0.3s ease}:host(.image-wrapper) .loading{align-self:center;margin:0 auto;text-align:center;color:var(--text-placeholder);display:inline-flex;justify-content:center;align-items:center;height:100%;width:100%;position:absolute}:host(.image-wrapper) .fullscreen-dialog{border:0;padding:0;margin:0;background:transparent;width:100vw;height:100vh;max-width:100vw;max-height:100vh}:host(.image-wrapper) .fullscreen-dialog[open]{display:flex;justify-content:center;align-items:center;animation:fadeIn 0.3s ease forwards}:host(.image-wrapper) .fullscreen-dialog::backdrop{background:rgba(0, 0, 0, 0.9)}:host(.image-wrapper) .fullscreen-dialog .fullscreen-image{max-width:90%;max-height:90%;opacity:0;transition:opacity 0.3s ease}:host(.image-wrapper) .fullscreen-dialog .fullscreen-image.loaded{opacity:1}:host(.errored){cursor:default}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"}},[257,"xv-image-viewer",{src:[1],fullscreenSrc:[1,"fullscreen-src"],alt:[1],placeholder:[1],lazy:[4],isFullscreen:[32],loaded:[32],fullscreenLoaded:[32],errored:[32]}]);function l(){"undefined"!=typeof customElements&&["xv-image-viewer","xv-loader-v2"].forEach((e=>{switch(e){case"xv-image-viewer":customElements.get(r(e))||customElements.define(r(e),n);break;case"xv-loader-v2":customElements.get(r(e))||h()}}))}l();const c=n,d=l;export{c as XvImageViewer,d as defineCustomElement}

package/dist/components/xv-link-v2.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvLinkV2 extends Components.XvLinkV2, HTMLElement {}
+export const XvLinkV2: {
+    prototype: XvLinkV2;
+    new (): XvLinkV2;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-link-v2.js

@@ -0,0 +1 @@
+import{X as o,d as s}from"./p-BXB4D7j4.js";const p=o,r=s;export{p as XvLinkV2,r as defineCustomElement}

package/dist/components/xv-loader-v2.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvLoaderV2 extends Components.XvLoaderV2, HTMLElement {}
+export const XvLoaderV2: {
+    prototype: XvLoaderV2;
+    new (): XvLoaderV2;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-loader-v2.js

@@ -0,0 +1 @@
+import{X as o,d as s}from"./p-Dzz9jxLm.js";const m=o,p=s;export{m as XvLoaderV2,p as defineCustomElement}

package/dist/components/xv-login-modal.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvLoginModal extends Components.XvLoginModal, HTMLElement {}
+export const XvLoginModal: {
+    prototype: XvLoginModal;
+    new (): XvLoginModal;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-login-modal.js

@@ -0,0 +1 @@
+import{X as o,d as s}from"./p-DlLBjhuH.js";const p=o,r=s;export{p as XvLoginModal,r as defineCustomElement}

package/dist/components/xv-mega-menu-next.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvMegaMenuNext extends Components.XvMegaMenuNext, HTMLElement {}
+export const XvMegaMenuNext: {
+    prototype: XvMegaMenuNext;
+    new (): XvMegaMenuNext;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-mega-menu-next.js

@@ -0,0 +1 @@
+import{X as o,d as s}from"./p-DtUNYh73.js";const t=o,p=s;export{t as XvMegaMenuNext,p as defineCustomElement}

package/dist/components/xv-mega-menu.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvMegaMenu extends Components.XvMegaMenu, HTMLElement {}
+export const XvMegaMenu: {
+    prototype: XvMegaMenu;
+    new (): XvMegaMenu;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-mega-menu.js

@@ -0,0 +1 @@
+import{X as o,d as p}from"./p-CbVZCn2p.js";const s=o,r=p;export{s as XvMegaMenu,r as defineCustomElement}

package/dist/components/xv-modal-v2.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvModalV2 extends Components.XvModalV2, HTMLElement {}
+export const XvModalV2: {
+    prototype: XvModalV2;
+    new (): XvModalV2;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-modal-v2.js

@@ -0,0 +1 @@
+import{X as o,d as r}from"./p-BRYrLHiz.js";const s=o,p=r;export{s as XvModalV2,p as defineCustomElement}

package/dist/components/xv-notification-v2.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvNotificationV2 extends Components.XvNotificationV2, HTMLElement {}
+export const XvNotificationV2: {
+    prototype: XvNotificationV2;
+    new (): XvNotificationV2;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-notification-v2.js

@@ -0,0 +1 @@
+import{X as s,d as o}from"./p-CMAJWZsP.js";const p=s,r=o;export{p as XvNotificationV2,r as defineCustomElement}

package/dist/components/xv-number-input-v2.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvNumberInputV2 extends Components.XvNumberInputV2, HTMLElement {}
+export const XvNumberInputV2: {
+    prototype: XvNumberInputV2;
+    new (): XvNumberInputV2;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-number-input-v2.js

@@ -0,0 +1 @@
+import{p as t,H as e,c as o,h as s,a as i,t as r}from"./p-BNP2Lw34.js";import{S as n}from"./p-HjYAjHna.js";import{r as a}from"./index.js";import{d as l}from"./p-COoj5JkZ.js";import{d as c}from"./p-Dzz9jxLm.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",7),this.internals=this.attachInternals(),this.step=10,this.loading=!1,this.size=n.MD,this.increment=()=>{const t=(this.value||0)+this.step;void 0!==this.max&&t>this.max||this.setValue(t)},this.decrement=()=>{const t=(this.value||0)-this.step;void 0!==this.min&&t<this.min||this.setValue(t)},this.handleInput=t=>{const e=parseFloat(t.target.value)||0;isNaN(e)||this.setValue(e)}}setValue(t){var e;this.value=t,this.internals.setFormValue(null===(e=this.value)||void 0===e?void 0:""+e),this.valueChange.emit(this.value)}render(){const t=a({error:this.error,warning:this.warning,helper:this.helper});return s(i,{key:"fd949dbee9a685334744513839474335e97190d3",class:{disabled:!!this.disabled}},s("label",{key:"db29ff8f70da55aa973496ee7e7af965d79e7bae",class:"control"},this.label&&s("span",{key:"caa748ec74ea2effe380a56b0855633ce10e2065",class:"control_label"},this.label),s("div",{key:"8fe3b2f7905905e7b1d27ba43c571b4eee7593b8",class:{control_input:!0,readonly:!!this.readonly,error:!!this.error,warning:!!this.warning}},s("input",{key:"ab4b88d4f838ee579c7aaed2b3bbda40f9d5af85",type:"number",placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,onInput:this.handleInput,name:this.name,min:this.min,max:this.max,step:this.step,value:this.value}),s("div",{key:"54c0f3a57ea0453c933007c1c497fb04db93abc6",class:"control_input__icons"},this.loading?s("xv-loader-v2",{size:n.XS}):this.error?s("span",{class:"status-icon error","aria-hidden":"true"},"!"):this.warning?s("span",{class:"status-icon warning","aria-hidden":"true"},"⚠"):null,s("xv-button-v2",{key:"71aa77781a192b7bf256ca2f76758b7b88a585db",size:this.size,variant:"ghost",disabled:this.disabled||this.readonly,onClick:this.decrement,"aria-label":"Decrease"},s("span",{key:"5dfbf741ac7bd7e3f13fb74e0b3128d42e90792a",slot:"icon-left",class:"status-icon"},"−")),s("hr",{key:"300df3ef94b8a27ae1a9fac99f7b83bd41212e5b"}),s("xv-button-v2",{key:"54fe63a29a63ba942e0c7f8e57049deef32a0451",size:this.size,variant:"ghost",disabled:this.disabled||this.readonly,onClick:this.increment,"aria-label":"Increase"},s("span",{key:"0cbbf8c2dd42fe60f5ab60a61c4c33373290cca7",slot:"icon-left",class:"status-icon"},"+"))))),t&&s("p",{key:"e8fff1ef532b31dfe97f01e8f92d776e9abd9a94",class:{message:!0,[t.level]:!0}},t.text))}static get formAssociated(){return!0}static get style(){return":host{display:inline-block;text-align:left}:host .control_label{display:block;margin-bottom:var(--spacing-03);color:var(--text-secondary, #515151);font-family:var(--ff-body), sans-serif;font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md);letter-spacing:0.32px}:host .control_input{display:flex;border:1px solid var(--border-subtle-01);outline:2px solid transparent;background-color:transparent;border-radius:3px;transition:250ms ease-in-out border-color, 250ms ease-in-out outline-color}:host .control_input:hover{border-color:var(--border-subtle-selected-01)}:host .control_input:focus-within{outline-color:var(--focus)}:host .control_input.error{outline-color:var(--support-error)}:host .control_input.readonly{border-radius:0;border-top-width:0;border-left-width:0;border-right-width:0;outline-color:transparent}:host .control_input input[type=number]{flex:1;border:none;outline:none;-moz-appearance:textfield;background-color:transparent;margin:0;padding-block:0;padding-inline:var(--spacing-05);font-family:inherit;box-sizing:border-box;color:var(--text-primary);min-width:20px;font-style:normal;font-weight:400;letter-spacing:0.16px}:host .control_input input[type=number]::-webkit-inner-spin-button,:host .control_input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:host .control_input__icons{display:inline-flex;align-items:stretch;column-gap:2px}:host .control_input__icons .status-icon{display:inline-flex;align-items:center;align-self:center;font-size:1.35em;font-weight:400;color:var(--icon-primary, #131313)}:host .control_input__icons .status-icon.error{background-color:var(--support-error);color:white;width:16px;height:16px;border-radius:8px;font-size:12px;font-weight:bold;align-items:center;justify-content:center}:host .control_input__icons .status-icon.warning{color:var(--support-warning)}:host .control_input__icons hr{border:none;outline:none;width:1px;height:60%;align-self:center;background-color:var(--border-subtle-01);display:inline-flex}:host .message{margin:var(--spacing-02) 0 0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md, 16px);letter-spacing:0.32px}:host .message.error{color:var(--text-error)}:host .message.warning{color:var(--text-secondary, #515151)}:host(.disabled){cursor:not-allowed}:host(.disabled) .control_label,:host(.disabled) .control_input input[type=number],:host(.disabled) .control_input input[type=number]::placeholder,:host(.disabled) .message:not(.error){color:var(--text-disabled);cursor:not-allowed}:host(.disabled) .control_input__icons,:host(.disabled) .message.error{opacity:0.5;cursor:not-allowed}:host([block]){display:block}"}},[65,"xv-number-input-v2",{label:[1],placeholder:[513],name:[513],value:[1538],helper:[1],error:[8],warning:[8],step:[2],max:[2],min:[2],readonly:[4],disabled:[4],loading:[4],block:[516],size:[513]}]);function h(){"undefined"!=typeof customElements&&["xv-number-input-v2","xv-button-v2","xv-loader-v2"].forEach((t=>{switch(t){case"xv-number-input-v2":customElements.get(r(t))||customElements.define(r(t),d);break;case"xv-button-v2":customElements.get(r(t))||l();break;case"xv-loader-v2":customElements.get(r(t))||c()}}))}h();const p=d,b=h;export{p as XvNumberInputV2,b as defineCustomElement}

package/dist/components/xv-overflow-menu-v2-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvOverflowMenuV2Item extends Components.XvOverflowMenuV2Item, HTMLElement {}
+export const XvOverflowMenuV2Item: {
+    prototype: XvOverflowMenuV2Item;
+    new (): XvOverflowMenuV2Item;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-overflow-menu-v2-item.js

@@ -0,0 +1 @@
+import{X as o,d as s}from"./p-CILNPUHH.js";const p=o,r=s;export{p as XvOverflowMenuV2Item,r as defineCustomElement}

package/dist/components/xv-overflow-menu-v2.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvOverflowMenuV2 extends Components.XvOverflowMenuV2, HTMLElement {}
+export const XvOverflowMenuV2: {
+    prototype: XvOverflowMenuV2;
+    new (): XvOverflowMenuV2;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-overflow-menu-v2.js

@@ -0,0 +1 @@
+import{X as s,d as o}from"./p-CHtssNO9.js";const t=s,p=o;export{t as XvOverflowMenuV2,p as defineCustomElement}

package/dist/components/xv-pagination.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvPagination extends Components.XvPagination, HTMLElement {}
+export const XvPagination: {
+    prototype: XvPagination;
+    new (): XvPagination;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-pagination.js

@@ -0,0 +1 @@
+import{p as t,H as s,c as e,h as i,a,t as n}from"./p-BNP2Lw34.js";import{S as o}from"./p-HjYAjHna.js";import{d as l}from"./p-COoj5JkZ.js";import{d as c}from"./p-Dzz9jxLm.js";const r=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pageChange=e(this,"pageChange",7),this.itemsPerPage=10,this.itemsPerPageOptions=[10,20,30,40,50,100],this.total=0,this.page=1,this.size=o.MD,this.variant="regular",this.totalItems=this.total*this.itemsPerPage,this.currentVariant=this.variant,this.handlePageSelectChange=t=>{const s=Number(t.target.value);isNaN(s)||this.handlePageChange(s)},this.handleItemsPerPageChange=t=>{const s=Number(t.target.value);isNaN(s)||(this.itemsPerPage=s,this.handlePageChange(1))},this.handleResize=t=>{const s=t[0].contentRect.width;this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>this.updateVariantByWidth(s)))}}get pageSizeOptions(){const t=this.itemsPerPageOptions,s=(Array.isArray(t)?t:(""+(null!=t?t:"")).split(",")).map((t=>Number(t))).filter((t=>Number.isFinite(t)&&t>0)),e=s.length?s:[this.itemsPerPage];return e.includes(this.itemsPerPage)||e.push(this.itemsPerPage),[...new Set(e)].sort(((t,s)=>t-s))}get visiblePagesWithDots(){const t=this.total,s=this.page;if(t<=7)return Array.from({length:t},((t,s)=>s+1));const e=[];if(s<=4)return e.push(1,2,3,4,5,"dots-end",t),e;if(s>=t-3){e.push(1,"dots-start");for(let s=t-4;s<=t;s++)e.push(s);return e}return e.push(1,"dots-start",s-1,s,s+1,"dots-end",t),e}handlePageChange(t){this.page=t,this.pageChange.emit({page:this.page,itemsPerPage:this.itemsPerPage})}updateVariantByWidth(t){const s=Object.entries(this.responsiveVariant||{}).find((([s,[e,i]])=>(void 0===e||t>=e)&&(void 0===i||t<=i))),e=s?s[0]:this.variant;this.currentVariant!==e&&(this.currentVariant=e)}componentWillLoad(){this.responsiveVariant&&Object.keys(this.responsiveVariant).length?(this.updateVariantByWidth(this.el.offsetWidth),this.observer=new ResizeObserver(this.handleResize),this.observer.observe(this.el)):this.currentVariant=this.variant}disconnectedCallback(){this.observer&&this.observer.disconnect()}render(){return i(a,{key:"dfcaec3126bda46a384d2ba0cebb5725b1746974",class:{block:this.block,[this.currentVariant]:!0,[this.size]:!!this.size}},"full"===this.currentVariant&&i("div",{key:"1f78ed3108ceba63a5642fc7d6461c8bd54b0bfc",class:"block"},i("select",{key:"c9094a7d587f8cd20e44e810d45d4d17b542b8b7",class:"options-select",name:"options",onChange:this.handleItemsPerPageChange},this.pageSizeOptions.map((t=>i("option",{selected:t===this.itemsPerPage,value:t},t))))),"full"===this.currentVariant&&i("span",{key:"e44c9d5b426cee28c774a1882d61cd8dae612b32",class:"block block_full"},`${(this.page-1)*this.itemsPerPage+1} – ${Math.min(this.page*this.itemsPerPage,this.totalItems)} von ${this.totalItems} Einträgen`),"full"===this.currentVariant&&i("div",{key:"facf4962a665a9a46df80e3ccba8b033079abfd5",class:"block"},i("select",{key:"7f75e81bbfd6e95d680432cd22fa5abff5da4b76",class:"options-select",name:"pages",onChange:this.handlePageSelectChange},Array.from({length:this.total},((t,s)=>i("option",{selected:this.page===s+1,value:s+1},s+1)))),i("span",{key:"312c48c90727a800248e1736c314ae0c9d98ba8f"},"von ",this.total," Seiten")),"compact"===this.currentVariant&&i("span",{key:"954f68bfa4e2ab1b0f96a5608fff0f2836d00141",class:"block"},"Seite ",this.page),i("xv-button-v2",{key:"06d4ba3385b072dd63e097d6d130a3a12707f892",variant:"ghost",size:this.size,onClick:()=>this.handlePageChange(this.page-1),disabled:this.page<=1},i("span",{key:"44351eb65d1bad894b1762a754b29b359b0f4dfc",slot:"icon-left",class:"icon icon_prev"})),"regular"===this.currentVariant&&i("ul",{key:"541df2de18106ffa2200608edf6880495c6a911a",class:"list"},this.visiblePagesWithDots.map((t=>i("li",{class:{active:this.page===t}},"dots-start"===t?i("div",{class:"list_dots"},i("xv-button-v2",{variant:"ghost",size:this.size,tabindex:-1},i("span",{slot:"icon-left",class:"list_dots__icon"},"...")),i("select",{name:"start",onChange:this.handlePageSelectChange},Array.from({length:this.page-3},((t,s)=>i("option",{value:s+2},s+2))))):"dots-end"===t?i("div",{class:"list_dots"},i("xv-button-v2",{variant:"ghost",size:this.size,tabindex:-1},i("span",{slot:"icon-left",class:"list_dots__icon"},"...")),i("select",{name:"end",onChange:this.handlePageSelectChange},Array.from({length:this.total-(this.page+2)},((t,s)=>i("option",{value:s+this.page+2},s+this.page+2))))):i("xv-button-v2",{variant:"ghost",size:this.size,disabled:this.page===t,onClick:()=>this.handlePageChange(t)},i("span",{class:"list_page",slot:"icon-left"},t)))))),i("xv-button-v2",{key:"44a99d1c878dd67ff31ea5a0853082cc908842b8",variant:"ghost",size:this.size,onClick:()=>this.handlePageChange(this.page+1),disabled:this.page>=this.total},i("span",{key:"b7abb64c61e86f4f630a7c8314d0b56af236156f",slot:"icon-left",class:"icon icon_next"})))}get el(){return this}static get style(){return':host{display:inline-flex}:host .options-select{align-self:center;border:none;background-color:transparent;padding-block:var(--spacing-03);padding-inline-start:var(--spacing-02)}:host .block{display:inline-flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;margin:0 var(--spacing-03);column-gap:var(--spacing-03)}:host .block_full{flex:1}:host .icon{box-sizing:border-box;width:0;height:0;border:solid currentColor;border-width:0 2px 2px 0;display:inline-block;padding:0.25em}:host .icon_prev{transform:rotate(135deg);margin-left:5px}:host .icon_next{transform:rotate(-45deg);margin-right:5px}:host .list{display:flex;list-style:none;padding:0;margin:0}:host .list_options{display:flex;align-items:center;white-space:nowrap;column-gap:var(--spacing-04)}:host .list_options__middle{display:flex;flex:1}:host .list_page{user-select:none}:host .list .active .list_page{color:var(--text-primary);font-weight:700}:host .list .active .list_page:after{content:"";position:absolute;top:90%;left:25%;width:50%;height:2px;background-color:var(--border-interactive)}:host .list_dots{position:relative;display:inline-block}:host .list_dots__icon{user-select:none;display:flex;width:auto;height:100%;align-items:center;justify-content:center}:host .list_dots select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border:none;cursor:pointer;color:transparent;position:absolute;left:0;top:0;width:100%;height:100%;padding-inline:var(--spacing-03)}:host .list_dots select option{background-color:white;color:var(--text-primary, #333)}:host(.block){display:flex}:host([variant=compact]){justify-content:flex-end}:host([size=xs]){column-gap:var(--spacing-04)}:host([size=xs]) .list{column-gap:var(--spacing-04)}'}},[1,"xv-pagination",{itemsPerPage:[1026,"items-per-page"],itemsPerPageOptions:[1,"items-per-page-options"],total:[2],page:[1026],size:[1],block:[4],variant:[1],responsiveVariant:[16],totalItems:[2,"total-items"],currentVariant:[32]}]);function h(){"undefined"!=typeof customElements&&["xv-pagination","xv-button-v2","xv-loader-v2"].forEach((t=>{switch(t){case"xv-pagination":customElements.get(n(t))||customElements.define(n(t),r);break;case"xv-button-v2":customElements.get(n(t))||l();break;case"xv-loader-v2":customElements.get(n(t))||c()}}))}h();const d=r,p=h;export{d as XvPagination,p as defineCustomElement}

package/dist/components/xv-progress-indicator-v2-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvProgressIndicatorV2Item extends Components.XvProgressIndicatorV2Item, HTMLElement {}
+export const XvProgressIndicatorV2Item: {
+    prototype: XvProgressIndicatorV2Item;
+    new (): XvProgressIndicatorV2Item;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-progress-indicator-v2-item.js

@@ -0,0 +1 @@
+import{p as r,H as o,h as e,a as t,t as s}from"./p-BNP2Lw34.js";import{P as i}from"./p-B9zHwwFm.js";const n=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.status=i.NO_STARTED}render(){return e(t,{key:"095d2a3ab584938764e1ce056f8f4a4e03838b88",status:this.status,class:{"xv-progress-indicator-item":!0}},e("span",{key:"77ac13565ced65dbc52eda61d15bff0bfe8253b2",class:"line"}),e("span",{key:"104664fce3e8512edaf71c76d5bf76cce7c397e4",class:"icon"},e("svg",{key:"3d81d279fa5ef3e50ee4a3b315097986ffb57546",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512"},e("path",{key:"e109447615213d59eb17539fc0c0d649360c2d64",fill:"currentColor",d:"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"}))),e("p",{key:"d7120219126685f42ab267b60a5397bd69b5d61c",class:"label"},e("slot",{key:"f8e873bfa1b913c74e1971fe4445fdd2473b9262"})))}get el(){return this}static get style(){return':host(.xv-progress-indicator-item){display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:10px 16px;row-gap:var(--gap-sm, 10px)}:host(.xv-progress-indicator-item):before{width:100%}:host(.xv-progress-indicator-item):before,:host(.xv-progress-indicator-item) .line{content:"";z-index:1;display:inline-block;position:absolute;top:0;left:0;right:0;height:2px;color:inherit;background-color:var(--border-subtle-01, grey)}:host(.xv-progress-indicator-item) .line{width:0;color:inherit;transition:width 250ms ease;background-color:var(--background-brand, currentColor)}:host(.xv-progress-indicator-item) .icon{display:flex;align-items:center;justify-content:center;width:var(--progress-indicator-icon-size, 22px);height:var(--progress-indicator-icon-size, 22px);min-width:var(--progress-indicator-icon-size, 22px);min-height:var(--progress-indicator-icon-size, 22px);max-width:var(--progress-indicator-icon-size, 22px);max-height:var(--progress-indicator-icon-size, 22px);border:2px dashed var(--icon-primary, currentColor);border-radius:50%}:host(.xv-progress-indicator-item) .icon svg{width:calc(var(--progress-indicator-icon-size, 22px) * 0.637);height:calc(var(--progress-indicator-icon-size, 22px) * 0.637);opacity:0;transition:opacity 500ms ease-in-out}:host(.xv-progress-indicator-item) .label{margin:0;color:var(--text-primary);font-size:var(--progress-indicator-font-size, 14px);line-height:normal;letter-spacing:0.16px;text-overflow:ellipsis;overflow:hidden}:host([status=done]) .icon{background-color:var(--background-brand, inherit);color:white}:host([status=done]) .icon,:host([status=in_progress]) .icon{border-color:var(--background-brand, currentColor);border-style:solid}:host([status=done]) .icon svg,:host([status=in_progress]) .icon svg{opacity:1}:host([status=done]) .line,:host([status=in_progress]) .line{width:100%;background-color:var(--background-brand, currentColor)}:host([status=in_progress]) .icon{border-color:var(--background-brand, currentColor);color:var(--background-brand, inherit);border-style:solid}:host([status=in_progress]) .icon:after{content:"";height:47%;width:47%;background-color:var(--background-brand, currentColor);border-radius:50%}:host([status=in_progress]) .icon svg{display:none}'}},[257,"xv-progress-indicator-v2-item",{status:[1]}]);function a(){"undefined"!=typeof customElements&&["xv-progress-indicator-v2-item"].forEach((r=>{"xv-progress-indicator-v2-item"===r&&(customElements.get(s(r))||customElements.define(s(r),n))}))}a();const c=n,d=a;export{c as XvProgressIndicatorV2Item,d as defineCustomElement}

package/dist/components/xv-progress-indicator-v2.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvProgressIndicatorV2 extends Components.XvProgressIndicatorV2, HTMLElement {}
+export const XvProgressIndicatorV2: {
+    prototype: XvProgressIndicatorV2;
+    new (): XvProgressIndicatorV2;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-progress-indicator-v2.js

@@ -0,0 +1 @@
+import{p as s,H as t,h as i,a as e,t as o}from"./p-BNP2Lw34.js";import{P as r}from"./p-B9zHwwFm.js";import{S as n}from"./p-HjYAjHna.js";import{f as a}from"./index.js";const p=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.progress=0,this.variant="",this.size=n.MD}updateChildItems(){const s=this.el.children,t=this.el.childElementCount,i=100/t;s.length&&t&&a(s,((s,t)=>{var e;let o;const n=100*Math.min(Math.max((this.progress-t*i)/i,0),1);o=n>=100?r.DONE:n>0?r.IN_PROGRESS:r.NO_STARTED,s.setAttribute("status",o);const a=null===(e=null==s?void 0:s.shadowRoot)||void 0===e?void 0:e.querySelector(".line");a&&(a.style.width=n+"%")}))}componentDidLoad(){this.updateChildItems()}render(){return i(e,{key:"48d7968fc2b8d205171b1bd111b04de7c7939979",variant:this.variant,size:this.size,class:{"xv-progress-indicator":!0}},i("slot",{key:"740f57cea4b36e53d02c42527504003fd188fa45"}))}get el(){return this}static get watchers(){return{progress:[{updateChildItems:0}]}}static get style(){return":host{--progress-indicator-icon-size:22px;--progress-indicator-font-size:var(--fz-md, 14px);display:flex;align-items:flex-start;justify-content:space-between;font-family:var(--ff-body, inherit);overflow-x:auto}:host([variant=horizontal]) ::slotted(xv-progress-indicator-v2-item){flex-direction:row;column-gap:var(--gap-xs, 8px);justify-content:flex-start;padding-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}:host([size=xs]){--progress-indicator-icon-size:14px;--progress-indicator-font-size:var(--fz-md, 14px)}:host([size=sm]){--progress-indicator-icon-size:16px;--progress-indicator-font-size:var(--fz-md, 14px)}:host([size=md]){--progress-indicator-icon-size:22px;--progress-indicator-font-size:var(--fz-md, 14px)}:host([size=lg]){--progress-indicator-icon-size:24px;--progress-indicator-font-size:var(--fz-lg, 18px)}:host([size=xl]){--progress-indicator-icon-size:32px;--progress-indicator-font-size:var(--fz-xl, 20px)}"}},[257,"xv-progress-indicator-v2",{progress:[514],variant:[1],size:[1]},void 0,{progress:[{updateChildItems:0}]}]);function d(){"undefined"!=typeof customElements&&["xv-progress-indicator-v2"].forEach((s=>{"xv-progress-indicator-v2"===s&&(customElements.get(o(s))||customElements.define(o(s),p))}))}d();const c=p,f=d;export{c as XvProgressIndicatorV2,f as defineCustomElement}

package/dist/components/xv-radio-v2.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvRadioV2 extends Components.XvRadioV2, HTMLElement {}
+export const XvRadioV2: {
+    prototype: XvRadioV2;
+    new (): XvRadioV2;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-radio-v2.js

@@ -0,0 +1 @@
+import{p as e,H as i,h as r,t as a}from"./p-BNP2Lw34.js";import{S as o}from"./p-HjYAjHna.js";import{r as t}from"./index.js";const s=e(class extends i{constructor(e){var i,r;super(),!1!==e&&this.__registerHost(),this.checked=!1,this.indeterminate=!1,this.block=!1,this.disabled=!1,this.required=!1,this.reverse=!1,this.readonly=!1,this.error=!1,this.warning=!1,this.size=o.MD,this.internals||(this.internals=(null===(r=(i=this.el).attachInternals)||void 0===r?void 0:r.call(i))||{})}onCheckedChange(e){var i;(null===(i=this.internals)||void 0===i?void 0:i.setFormValue)&&this.internals.setFormValue(e?this.value:null)}render(){const e=t({error:this.error,warning:this.warning,helper:this.helper});return r("div",{key:"78a696124ace0194164abfdd9b9cf0dae5663c25",class:{"xv-radio":!0,"xv-radio--reverse":this.reverse,"xv-radio--block":this.block,["xv-radio--size-"+this.size]:!!this.size}},this.label&&r("p",{key:"895d292b60056c47d085942204bda2172f1cb1f9",class:"xv-radio_label"},this.label),r("label",{key:"ad104662e82e4e49c79e1c1059f67b9a1dc1b4d0",class:{"xv-radio_container":!0,disabled:this.disabled}},r("div",{key:"982c57a82e6346926571843e0d82014572eb4f55",class:{"xv-radio_input":!0,"xv-radio_input--error":!!this.error||""===this.error}},r("input",{key:"d9f0ec401a8d960446d175f9c716125e9a76d23c",ref:e=>this.inputEl=e,type:"radio",name:this.name,value:this.value,checked:this.checked,readonly:this.readonly,disabled:this.disabled}),r("span",{key:"065508427f0788c19fa8ce0b380e6f04c9f3f2d6",class:"xv-radio_input__mark"})),r("span",{key:"3edaf56714cc54403e99f14ad82d9bd65106b4ff",class:"xv-radio_container__label"},r("slot",{key:"6e4f98fd856b503516870e457b326ba4e592c3e2"}))),e&&r("span",{key:"683f26fc4c9f77e2aef9c716fe7b010276cf911a",class:"xv-radio_msg xv-radio_msg--"+e.level},"helper"!==e.level&&r("span",{key:"77c8e8c5e63f1b99ae92dc9f1b2743f95fd9fecd",class:"xv-radio_msg__status","aria-hidden":"true"},"error"===e.level?"!":"⚠"),e.text),r("slot",{key:"446f5d0c261b225cf86ab53c17b8e80e995237e0",name:"info"}))}connectedCallback(){var e;(null===(e=this.internals)||void 0===e?void 0:e.setFormValue)&&this.internals.setFormValue(this.checked?this.value:null)}componentDidLoad(){this.indeterminate&&(this.inputEl.indeterminate=!0)}componentDidUpdate(){this.inputEl&&(this.inputEl.indeterminate=this.indeterminate)}formResetCallback(){this.checked=!1}formStateRestoreCallback(e){this.checked=e===this.value}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{onCheckedChange:0}]}}static get style(){return'.xv-radio{--xv-radio-size:16px;display:inline-flex;flex-direction:column;row-gap:var(--spacing-03);font-family:var(--ff-body), sans-serif;font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;letter-spacing:0.16px;line-height:128.571%;text-align:left}.xv-radio--block{display:flex}.xv-radio--reverse{justify-content:flex-end;text-align:right}.xv-radio--reverse .xv-radio_container,.xv-radio--reverse .xv-radio_msg{flex-direction:row-reverse}.xv-radio--size-xs{--xv-radio-size:9px;font-size:var(--fz-xs)}.xv-radio--size-sm{--xv-radio-size:12px}.xv-radio--size-md{--xv-radio-size:16px}.xv-radio--size-lg{--xv-radio-size:20px}.xv-radio--size-xl{--xv-radio-size:24px;font-size:var(--fz-lg)}.xv-radio_label{user-select:none;color:var(--text-secondary, #515151);font-weight:400;padding:0;margin:0}.xv-radio_container{display:inline-flex;align-items:center;cursor:pointer;column-gap:var(--spacing-03);margin:0}.xv-radio_container.disabled{cursor:not-allowed;opacity:0.6}.xv-radio_container__label{user-select:none;color:var(--text-primary, #333);font-size:1.2em}.xv-radio_input{position:relative;color:var(--interactive-01, #273435)}.xv-radio_input input[type=radio]{position:absolute;opacity:0;top:0;left:0;right:0;bottom:0}.xv-radio_input input[type=radio]:checked+.xv-radio_input__mark:after{content:"";position:absolute;width:calc(var(--xv-radio-size) / 2);height:calc(var(--xv-radio-size) / 2);border-radius:50%;background-color:currentColor;top:calc(50% - var(--xv-radio-size) / 4);left:calc(50% - var(--xv-radio-size) / 4)}.xv-radio_input input[type=radio]:focus+.xv-radio_input__mark{outline:1px solid currentColor}.xv-radio_input__mark{position:relative;display:inline-flex;width:var(--xv-radio-size);height:var(--xv-radio-size);border-radius:50%;border:1px solid currentColor}.xv-radio_input--error{color:var(--text-error)}.xv-radio_msg{display:flex;align-items:center;flex-direction:row;column-gap:var(--spacing-03)}.xv-radio_msg--error{color:var(--text-error)}.xv-radio_msg--error .xv-radio_msg__status{background-color:var(--support-error);color:white;border-radius:var(--xv-radio-size);font-size:calc(var(--xv-radio-size) / 1.3);font-weight:bold;align-items:center;justify-content:center}.xv-radio_msg--warning{color:var(--text-secondary, #515151)}.xv-radio_msg--warning .xv-radio_msg__status{font-size:var(--xv-radio-size);color:var(--support-warning)}.xv-radio_msg--helper{color:var(--text-secondary, #515151)}.xv-radio_msg__status{display:inline-flex;align-items:center;align-self:center;font-size:1.35em;width:var(--xv-radio-size);height:var(--xv-radio-size)}.xv-radio [slot=info]{display:inline-block;color:var(--text-secondary, #515151);margin:0;padding:0}'}},[324,"xv-radio-v2",{name:[1],value:[1],label:[1],checked:[1028],indeterminate:[4],block:[4],disabled:[4],required:[4],reverse:[4],readonly:[4],error:[8],warning:[520],helper:[1],size:[1]},void 0,{checked:[{onCheckedChange:0}]}]);function d(){"undefined"!=typeof customElements&&["xv-radio-v2"].forEach((e=>{"xv-radio-v2"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))}d();const n=s,c=d;export{n as XvRadioV2,c as defineCustomElement}

package/dist/components/xv-slider-v2.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvSliderV2 extends Components.XvSliderV2, HTMLElement {}
+export const XvSliderV2: {
+    prototype: XvSliderV2;
+    new (): XvSliderV2;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-slider-v2.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as o,h as i,a as r,t as s}from"./p-BNP2Lw34.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",7),this.internals=this.attachInternals(),this.label="",this.name="range",this.min=0,this.max=100,this.value=0,this.step=1,this.disabled=!1,this.readonly=!1,this.handleInput=e=>{this.readonly||this.disabled||this.setValue(Number(e.target.value))},this.handleNumberInput=e=>{const t=Number(e.target.value);!isNaN(t)&&t>=this.min&&t<=this.max&&this.setValue(t)},this.handleNumberBlur=e=>{var t;const o=e.target;Number(o.value)!==this.value&&(o.value=(null===(t=this.value)||void 0===t?void 0:""+t)||"")}}setValue(e){this.value=e,this.valueChange.emit(e),this.internals.setFormValue((null==e?void 0:""+e)||"")}componentWillLoad(){!this.value&&this.min&&this.setValue(this.min)}render(){return i(r,{key:"ed2b742de5bb3b3dc72776e18df4c06a7322acf4",class:{disabled:this.disabled,readonly:this.readonly}},this.label&&i("label",{key:"b01428e20fc4034f8bf4597ec1b0a05f7c0e3724",class:"label"},this.label),i("div",{key:"ea74b08ac9ba4870f8ab1faa6c4ae9bf766967df",class:"control"},i("span",{key:"cede2155f4e93ec8ef3ea2fb53e14a26ca7d2ed0",class:"control_label"},this.min),i("input",{key:"dc456088e17cde56d99139155f596e7a5587b75c",type:"range",disabled:this.disabled||this.readonly,readonly:this.readonly,name:this.name,min:this.min,max:this.max,step:this.step,value:this.value,onInput:this.handleInput,style:{backgroundSize:100*(this.value-this.min)/(this.max-this.min)+"% 100%"}}),i("span",{key:"04a125979c07e8c83d897ff43ea682a209156c00",class:"control_label"},this.max),!this.notEditable&&i("input",{key:"3fa69300100cf1784e0e9938d15633d014fab66c",type:"number",disabled:this.disabled,readonly:this.readonly,name:this.name+"-number-input",step:this.step,min:this.min,max:this.max,value:this.value,onInput:this.handleNumberInput,onBlur:this.handleNumberBlur})))}static get formAssociated(){return!0}static get style(){return":host{display:flex;flex-direction:column;gap:var(--spacing-03, 8px);text-align:left;font-family:var(--ff-body), sans-serif}:host .label{color:var(--text-secondary, #515151);font-size:var(--fz-sm);font-weight:400;line-height:var(--fz-md);letter-spacing:0.32px}:host .control{display:flex;align-items:center;gap:var(--spacing-04, 12px)}:host .control_label{text-align:center;color:var(--text-primary, #333);font-size:var(--fz-md);font-weight:400;line-height:var(--fz-lg);letter-spacing:0.32px}:host .control input[type=range]{flex:1;appearance:none;height:4px;border-radius:2px;outline:none;background-color:var(--border-subtle-01, #D1D1D1);background-image:linear-gradient(var(--interactive-02), var(--interactive-02));background-repeat:no-repeat}:host .control input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background-color:var(--interactive-02, #96bf00);cursor:pointer;border:2px solid transparent;outline:2px solid transparent;transition:200ms ease-in-out border-color, 200ms ease-in-out outline-color}:host .control input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background-color:var(--interactive-02, #96bf00);border:2px solid transparent;outline:2px solid transparent;cursor:pointer;transition:200ms ease-in-out border-color, 200ms ease-in-out outline-color}:host .control input[type=range]:focus::-webkit-slider-thumb{border-color:white;outline-color:var(--focus)}:host .control input[type=range]:focus::-moz-range-thumb{border-color:white;outline-color:var(--focus)}:host .control input[type=number]{inline-size:3.7em;padding:var(--spacing-04) var(--spacing-02) var(--spacing-04) var(--spacing-04);text-align:center;border-radius:3px;background:var(--field-02, #FFF);box-shadow:0 0 0 1px #8B8B8B inset;border:none}:host(.disabled) .label,:host(.disabled) .control_label,:host(.disabled) input[type=number]{color:var(--text-disabled, rgba(19, 19, 19, 0.25))}:host(.disabled) .control input[type=range]{background-image:none;background-color:var(--border-subtle-01, #D1D1D1)}:host(.disabled) .control input[type=range]::-webkit-slider-thumb{background-color:var(--border-subtle-01, #D1D1D1)}:host(.disabled) .control input[type=range]::-moz-range-thumb{background-color:var(--border-subtle-01, #D1D1D1)}:host(.disabled) .control input[type=number]{background-color:var(--field-01, #F7F7F7);box-shadow:none}:host(.readonly) input[type=number]{box-shadow:none;outline:none;background-color:var(--field-01, #F7F7F7)}"}},[65,"xv-slider-v2",{label:[1],name:[1],min:[2],max:[2],value:[1026],step:[2],disabled:[4],readonly:[4],notEditable:[4,"not-editable"]}]);function n(){"undefined"!=typeof customElements&&["xv-slider-v2"].forEach((e=>{"xv-slider-v2"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))}n();const l=a,d=n;export{l as XvSliderV2,d as defineCustomElement}

package/dist/components/xv-tab-v2.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvTabV2 extends Components.XvTabV2, HTMLElement {}
+export const XvTabV2: {
+    prototype: XvTabV2;
+    new (): XvTabV2;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-tab-v2.js

@@ -0,0 +1 @@
+import{p as t,H as s,h as e,a,t as n}from"./p-BNP2Lw34.js";import{S as o}from"./p-HjYAjHna.js";import{d as i}from"./p-Dzz9jxLm.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.loading=!1}render(){return e(a,{key:"8dcdf7d006b2e187067bf598828007175d15cae8",disabled:this.disabled,name:this.name},this.loading?e("xv-loader-v2",{size:o.LG}):e("slot",null))}static get style(){return":host{display:block}:host([loading]){display:flex;align-items:center;justify-content:center;min-height:200px}"}},[257,"xv-tab-v2",{label:[513],disabled:[516],loading:[516],name:[8]}]);function r(){"undefined"!=typeof customElements&&["xv-tab-v2","xv-loader-v2"].forEach((t=>{switch(t){case"xv-tab-v2":customElements.get(n(t))||customElements.define(n(t),l);break;case"xv-loader-v2":customElements.get(n(t))||i()}}))}r();const c=l,d=r;export{c as XvTabV2,d as defineCustomElement}

package/dist/components/xv-table-v2-cell.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvTableV2Cell extends Components.XvTableV2Cell, HTMLElement {}
+export const XvTableV2Cell: {
+    prototype: XvTableV2Cell;
+    new (): XvTableV2Cell;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-table-v2-cell.js

@@ -0,0 +1 @@
+import{X as o,d as s}from"./p-DVZ2BlIP.js";const p=o,r=s;export{p as XvTableV2Cell,r as defineCustomElement}

package/dist/components/xv-table-v2-expand.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvTableV2Expand extends Components.XvTableV2Expand, HTMLElement {}
+export const XvTableV2Expand: {
+    prototype: XvTableV2Expand;
+    new (): XvTableV2Expand;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-table-v2-expand.js

@@ -0,0 +1 @@
+import{p as t,H as e,h as o,a,t as n}from"./p-BNP2Lw34.js";import{X as s}from"./p-bdaoJ1tx.js";import{s as i}from"./index.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.disabled=!1,this.handleExpand=()=>{this.open=!this.open}}render(){return o(a,{key:"8fe9adf5fd39b640b89bddf303fcc4fb97f03cbd"},o("button",{key:"1df684103a777e3a54ac94fa8f3c570d4ecbbe41",class:{"expand-btn":!0,open:this.open},disabled:this.disabled,onClick:this.handleExpand}),o("slot",{key:"e092ff357605223aa974a8f5061c7a0667c3917f",name:s}),o("div",{key:"e4313af9e98ac24f25c5fc9c8250aff052f7c19b",class:{expandableContent:!0,open:this.open}},o("slot",{key:"f5cb16c98a69917b6679eb620b2bfc1856a48501"})))}componentDidLoad(){i(this.el.parentElement,s,!0)}get el(){return this}static get style(){return":host{display:block;position:relative;transition:0.25s ease-in-out background-color}:host .expand-btn{z-index:9;position:absolute;left:max(10px, var(--xv-table-padding-x));top:max(2px, var(--xv-table-padding-y) + 2px);background-color:transparent;cursor:pointer;outline:none;margin:0;padding:0;box-sizing:border-box;display:block;width:8.5px;height:8.5px;border-top:none;border-left:none;border-right:2px solid var(--icon-primary, #333);border-bottom:2px solid var(--icon-primary, #333);transform:rotate(45deg);transform-origin:center center;transition:0.2s ease-in-out transform}:host .expand-btn:disabled{cursor:not-allowed;opacity:0.5}:host .expand-btn.open{transform:rotate(-135deg)}:host .expandableContent{overflow:hidden;margin:0;padding:0;max-height:0;transition:250ms ease max-height}:host .expandableContent.open{max-height:600px}:host ::slotted([slot=expandable]){display:grid;align-items:center}:host ::slotted(xv-table-v2-row),:host ::slotted([slot=expandable]){padding-inline-start:calc(max(10px, var(--xv-table-padding-x)) * 2 + 10px)}:host ::slotted([disabled]){pointer-events:none;opacity:0.4;cursor:not-allowed;user-select:none}"}},[257,"xv-table-v2-expand",{open:[1540],disabled:[516]}]);function d(){"undefined"!=typeof customElements&&["xv-table-v2-expand"].forEach((t=>{"xv-table-v2-expand"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))}d();const p=r,l=d;export{p as XvTableV2Expand,l as defineCustomElement}

package/dist/components/xv-table-v2-row.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvTableV2Row extends Components.XvTableV2Row, HTMLElement {}
+export const XvTableV2Row: {
+    prototype: XvTableV2Row;
+    new (): XvTableV2Row;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-table-v2-row.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as a,h as s,a as i,t as h}from"./p-BNP2Lw34.js";import{X as o,a as r}from"./p-bdaoJ1tx.js";import{u as c,s as l}from"./index.js";import{d as n}from"./p-Ddx5DwV5.js";import{d}from"./p-DVZ2BlIP.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedChange=a(this,"checkedChange",7),this.selectRow=a(this,"selectRow",7),this.checkHandle=({detail:e})=>{!e&&this.partial&&(this.partial=e),this.name||(this.name=c()),this.selectRow.emit({name:this.name,value:this.value,checked:e,partial:this.partial,header:this.header,expandable:this.el.getAttribute("slot")===o})}}checkedChangeHandle(){this.name||(this.name=c()),this.checkedChange.emit({name:this.name,value:this.value,checked:this.checked,partial:this.partial,header:this.header,expandable:this.el.getAttribute("slot")===o})}setInitialAttrs(){if(this.variant||!this.hover){const e=this.el.closest(r);this.hover||(this.hover=e.hasAttribute("hover")),this.variant&&l(this.el.closest(r),"variant-"+this.variant,!!this.variant)}}render(){return s(i,{key:"96836583a7db08fbbe974a6ece55d5a909a7e415"},void 0!==this.variant&&s("xv-table-v2-cell",{key:"0783aad6e26302d3430333cad806fc1747e26e39",class:"cell-control"},"checkbox"===this.variant&&s("xv-checkbox-v2",{key:"bd4e052458eeda60f79e22507ac25d5914f39c0c",name:this.name,partial:this.partial,checked:this.checked||this.partial,disabled:this.disabled,required:this.required,readonly:this.readonly,onEventChange:this.checkHandle}),"radio"===this.variant&&s("input",{key:"1cda8e32f1e8d6ad47fc93e63ee3c879651faa2a",type:"radio",name:this.name,checked:this.checked||this.partial,disabled:this.disabled,required:this.required,readonly:this.readonly})),s("slot",{key:"2a74a7a6ab1c5d997bf71fe99b6cd98b61a70219"}))}componentWillLoad(){this.setInitialAttrs()}get el(){return this}static get watchers(){return{checked:[{checkedChangeHandle:0}]}}static get style(){return":host{display:grid;grid-template-columns:var(--xv-table-cols-template, repeat(auto-fit, minmax(0, 1fr)));border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;border-left:1px solid #E3E3E3;min-height:var(--xv-table-min-height);align-items:center;align-content:center;transition:0.25s ease-in-out background-color}:host .cell-control{min-height:20px;display:flex;align-items:center;justify-content:center}:host([variant]){grid-template-columns:minmax(47.97px, min-content) var(--xv-table-cols-template, repeat(auto-fit, minmax(0, 1fr)))}:host([hover]:not([header]):hover){background-color:var(--layer-hover-01, #E9E9E9)}:host([checked]){background-color:var(--layer-selected-01, #E3E3E3)}:host([checked]:hover){background-color:var(--layer-selected-hover-01, #DADADA)}:host([header]){background-color:var(--layer-accent-01, #F7F7F7);box-shadow:0 0 0 1px #E3E3E3 inset;border-bottom:none}"}},[257,"xv-table-v2-row",{checked:[1540],partial:[1540],name:[1537],value:[520],hover:[1540],readonly:[516],required:[516],disabled:[516],header:[516],variant:[1537]},void 0,{checked:[{checkedChangeHandle:0}]}]);function v(){"undefined"!=typeof customElements&&["xv-table-v2-row","xv-checkbox-v2","xv-table-v2-cell"].forEach((e=>{switch(e){case"xv-table-v2-row":customElements.get(h(e))||customElements.define(h(e),m);break;case"xv-checkbox-v2":customElements.get(h(e))||n();break;case"xv-table-v2-cell":customElements.get(h(e))||d()}}))}v();const b=m,p=v;export{b as XvTableV2Row,p as defineCustomElement}

package/dist/components/xv-table-v2.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvTableV2 extends Components.XvTableV2, HTMLElement {}
+export const XvTableV2: {
+    prototype: XvTableV2;
+    new (): XvTableV2;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-table-v2.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as a,F as o,a as i,t as s}from"./p-BNP2Lw34.js";import{S as l}from"./p-HjYAjHna.js";import{d as n}from"./p-Dzz9jxLm.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=l.MD,this.selected=new Map,this.selectedCount=0}handleCheckedChange({detail:e}){e.header||e.expandable||(e.checked?this.selected.set(e.name,e):this.selected.delete(e.name),this.selectedCount=this.selected.size)}setColsSizeTemplate(){var e;this.colsSize&&(null===(e=this.colsSize)||void 0===e?void 0:e.length)&&this.el.style.setProperty("--xv-table-cols-template",this.colsSize.map((e=>e?"auto"===e?"minmax(0, auto)":`calc(${e} - ${50/this.colsSize.length}px)`:"minmax(0, 1fr)")).join(" ")+" repeat(auto-fit, minmax(0, 1fr))")}render(){return a(i,{key:"1f954a0f71091fec58ed541ab9b71e07e756acf2",class:{batchVisible:!!this.selectedCount}},a("slot",{key:"cc4af9285051a8ce0eda8df5d306b9834815513c",name:"title"},!!this.el.title&&a("h2",{key:"d74ca7c913d6b5239acce4a6e154dae57a325dd4",class:"xv-table-title"},this.el.title)),a("slot",{key:"00df66a0aae78ac291ed818f123fa508e7437b91",name:"toolbar"}),a("div",{key:"b5d81c782aa533dc591ec77ffe4fc71cffeafc86",class:"xv-table"},a("div",{key:"efa26ad85d880de121d53ecae616f0b0468b8c74",class:"batch-actions"},a(o,{key:"4a808f4de6683dd524057c6199c2e80b11860d8d"},a("div",{key:"ae5cce54e37780f32724e7ff9ef2549e5020b7f7",class:"batch-actions_content"},a("slot",{key:"f5b19fc73ca2e7cb1af08fcf23d42c817d531870",name:"batch"})),a("p",{key:"2f445105146d1d2ebb080f76c5bb81848e3e2a43",class:"batch-actions_count"},!!this.selectedCount&&`${this.selectedCount} ${1===this.selectedCount?"Position ausgewählt":"Positionen ausgewählt"}`))),a("div",{key:"6f41e51583e6d2a5dc076999fee3e573b062ad1f",class:"xv-table_wrapper"},a("slot",{key:"acccd9efedf38d59bde44f2f9d6ac2aec0ffa948"}),a("slot",{key:"db6b9a957e4bc4e670f5c082c999c1931e36b6c1",name:"footer"})),!!this.loading&&a("div",{key:"3096c66919118c66992dd13e7b868c588876974c",class:"xv-table_loading"},a("xv-loader-v2",{key:"f469390775597fcfb9787749a915098eb0567d64",size:l.LG}))))}componentWillLoad(){this.setColsSizeTemplate()}get el(){return this}static get watchers(){return{colsSize:[{setColsSizeTemplate:0}]}}static get style(){return':host{--xv-table-min-height:51.11px;--xv-table-padding-x:16px;--xv-table-padding-y:15px;--xv-table-cols-template:repeat(auto-fit, minmax(0, 1fr));display:block}:host .batch-actions{user-select:none;pointer-events:none;position:absolute;left:0;bottom:100%;width:0;min-height:48px;overflow:hidden;border-radius:3px 3px 0 0;background-color:var(--interactive-01, #273435);display:flex;align-items:center;justify-content:space-between;column-gap:var(--spacing-04);flex-wrap:nowrap;box-sizing:border-box;transition:250ms ease-in-out height, 250ms ease-in-out width, 250ms ease-in-out padding-inline;color:var(--text-on-color, #fff)}:host .batch-actions_content{display:block;overflow:hidden;white-space:nowrap}:host .batch-actions_count{margin:0;white-space:nowrap;font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);font-style:normal;font-weight:400;line-height:var(--fz-lg, 18px);letter-spacing:0.16px}:host .xv-table{display:flex;flex-direction:column;position:relative}:host .xv-table_wrapper{display:flex;flex-direction:column;position:relative;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--layer-accent-03) transparent}:host .xv-table_wrapper ::slotted(*){min-width:1000px}:host .xv-table ::slotted([checked]){background-color:var(--layer-selected-01, #E3E3E3)}:host .xv-table ::slotted([checked]:not([header]):hover){background-color:var(--layer-selected-hover-01, #DADADA)}:host .xv-table ::slotted(xv-table-v2-row[disabled]){pointer-events:none;opacity:0.4;cursor:not-allowed;user-select:none}:host .xv-table ::slotted([slot=footer]:hover),:host .xv-table ::slotted([slot=footer]){background-color:var(--layer-accent-02, #E3E3E3)}:host .xv-table_loading{z-index:10;display:flex;align-items:center;justify-content:center;min-height:var(--xv-table-min-height, 51.11px);position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.8)}:host .xv-table-title,:host ::slotted([slot=title]){color:var(--text-primary, #333) !important;font-size:var(--fz-xl, 21px) !important;margin-top:var(--spacing-05, 16px) !important;margin-bottom:var(--spacing-06, 24px) !important;font-family:var(--ff-heading, "Gill Sans");font-style:normal;font-weight:400;line-height:normal}:host([hover]) .xv-table ::slotted(:hover:not([header])){background-color:var(--layer-hover-01, #E9E9E9)}:host(.batchVisible) .batch-actions{pointer-events:initial;user-select:initial;width:100%;padding-inline:var(--xv-table-padding-x)}:host([expandable]) ::slotted(xv-table-v2-row){padding-inline-start:calc(max(10px, var(--xv-table-padding-x)) * 2 + 10px)}:host([variant-checkbox]) ::slotted([slot=footer]:not([variant])){padding-inline-start:calc(max(10px, var(--xv-table-padding-x)) * 2 + 57.97px)}:host([size=xs]){--xv-table-padding-y:7px;--xv-table-min-height:35.1px}:host([size=sm]){--xv-table-padding-y:10px;--xv-table-min-height:41.11px}:host([size=lg]){--xv-table-padding-y:21px;--xv-table-min-height:63.09px}:host([size=xl]){--xv-table-padding-y:31px;--xv-table-min-height:78.77px}'}},[257,"xv-table-v2",{size:[513],hover:[516],loading:[516],colsSize:[16],selected:[32],selectedCount:[32]},[[0,"checkedChange","handleCheckedChange"]],{colsSize:[{setColsSizeTemplate:0}]}]);function r(){"undefined"!=typeof customElements&&["xv-table-v2","xv-loader-v2"].forEach((e=>{switch(e){case"xv-table-v2":customElements.get(s(e))||customElements.define(s(e),c);break;case"xv-loader-v2":customElements.get(s(e))||n()}}))}r();const d=c,h=r;export{d as XvTableV2,h as defineCustomElement}

package/dist/components/xv-tabs-v2.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvTabsV2 extends Components.XvTabsV2, HTMLElement {}
+export const XvTabsV2: {
+    prototype: XvTabsV2;
+    new (): XvTabsV2;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-tabs-v2.js

@@ -0,0 +1 @@
+import{p as t,H as e,c as a,h as s,a as o,t as i}from"./p-BNP2Lw34.js";import{S as r}from"./p-HjYAjHna.js";import{d as n}from"./p-Dzz9jxLm.js";var b,d;!function(t){t.TABS="xv-tabs-v2",t.TAB="xv-tab-v2"}(b||(b={})),function(t){t.DEFAULT="",t.GLUED="glued"}(d||(d={}));const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.activeChange=a(this,"activeChange",7),this.active=0,this.variant=d.DEFAULT,this.hideSingleTab=!1,this.tabElements=[],this.showArrows=!1,this.collectTabs=()=>{const t=Array.from(this.el.querySelectorAll(b.TAB));this.tabElements.length&&t.length===this.tabElements.length||(this.tabElements=t,this.tabElements.forEach((t=>{t.hasAttribute("name")&&!this.active&&(this.active=t.getAttribute("name"))})),setTimeout((()=>this.updateArrowVisibility()),100))}}updateArrowVisibility(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".tab-headers_container");e&&(this.showArrows=e.scrollWidth>e.clientWidth)}updateTabClasses(){this.tabElements.forEach(((t,e)=>{t.classList.toggle("active",(t.getAttribute("name")||""+e)===""+this.active)}))}handleTabClick(t){t!==this.active&&(this.active=t,this.activeChange.emit(Number(this.active)||this.active),this.scrollToActiveTab())}scrollToActiveTab(){this.showArrows&&setTimeout((()=>{this.el.shadowRoot.querySelector(".tab-headers_tab.active").scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}))}setTab(t=1){const e=this.tabElements.findIndex(((t,e)=>(t.getAttribute("name")||""+e)===""+this.active))+t;if(e<0||e>=this.tabElements.length)return;const a=this.tabElements[e];a&&!a.hasAttribute("disabled")&&this.handleTabClick(a.getAttribute("name")||e)}render(){var t,e,a,i;return this.loading?s(o,{class:"xv-tabs",variant:this.variant},s("xv-loader-v2",{size:r.XL})):s(o,{class:"xv-tabs",variant:this.variant},s("div",{class:"tab-headers",hidden:this.hideSingleTab&&1===(null===(t=this.tabElements)||void 0===t?void 0:t.length),role:"tablist"},s("button",{hidden:!this.showArrows||!(null===(e=this.tabElements)||void 0===e?void 0:e.length),"aria-label":"Previous",class:"tab-headers_btn prev",onClick:()=>this.setTab(-1)}),s("div",{class:"tab-headers_container"},(null===(a=this.tabElements)||void 0===a?void 0:a.length)?this.tabElements.map(((t,e)=>s("button",{role:"tab",disabled:!!t.getAttribute("disabled")||!!(null==t?void 0:t.disabled),class:{"tab-headers_tab":!0,active:(t.getAttribute("name")||""+e)===""+this.active},onClick:()=>this.handleTabClick(t.getAttribute("name")||""+e)},t.getAttribute("label")||"Tab "+(e+1)))):this.emptyMessage&&s("p",{class:"xv-tabs_empty"},this.emptyMessage)),s("button",{"aria-label":"Next",hidden:!this.showArrows||!(null===(i=this.tabElements)||void 0===i?void 0:i.length),class:"tab-headers_btn next",onClick:()=>this.setTab(1)})),s("div",{class:"tab-content-wrapper",role:"tabpanel",tabindex:-1},s("slot",{onSlotchange:this.collectTabs})))}componentDidRender(){this.updateTabClasses()}get el(){return this}static get style(){return':host(.xv-tabs){display:flex;flex-direction:column}:host(.xv-tabs) .tab-headers{position:relative;display:flex;flex-wrap:nowrap}:host(.xv-tabs) .tab-headers[hidden]{visibility:hidden}:host(.xv-tabs) .tab-headers_container{display:flex;flex:1 1 auto;white-space:nowrap;overflow-x:auto;scroll-behavior:smooth}:host(.xv-tabs) .tab-headers_container::-webkit-scrollbar{display:none}:host(.xv-tabs) .tab-headers_tab{background:none;padding:11px var(--gap-md, 16px);cursor:pointer;font:inherit;transition:border-color 0.3s ease, font-weight 0.3s ease, color 0.3s ease;position:relative;border:2px solid transparent;border-bottom-color:var(--border-border-subtle-01, #D1D1D1);background-blend-mode:multiply;color:var(--text-secondary, #515151);font-family:var(--ff-body, Work Sans), sans-serif;font-size:var(--fz-md, 14px);line-height:18px;letter-spacing:0.16px;height:40px;white-space:nowrap}:host(.xv-tabs) .tab-headers_tab:after{content:"";position:absolute;transition:background-color 0.3s ease, width 0.3s ease;top:100%;left:0;right:0;width:0;height:2px;background-color:var(--interactive-01, #273435)}:host(.xv-tabs) .tab-headers_tab:focus-visible{outline:none;border:2px solid var(--interactive-01, #273435)}:host(.xv-tabs) .tab-headers_tab:hover{border-bottom-color:var(--border-strong-01, #8B8B8B)}:host(.xv-tabs) .tab-headers_tab.active{color:var(--text-primary, #333);font-weight:700}:host(.xv-tabs) .tab-headers_tab.active:after{width:100%}:host(.xv-tabs) .tab-headers_tab.active:focus-visible{border-color:var(--interactive-01, #273435)}:host(.xv-tabs) .tab-headers_tab:disabled{color:var(--text-on-color-disabled, #8B8B8B);border-bottom-color:var(--border-disabled, #D1D1D1);cursor:not-allowed}:host(.xv-tabs) .tab-headers_tab:disabled:after{background-color:var(--border-disabled, #D1D1D1)}:host(.xv-tabs) .tab-headers_btn{outline:none;width:40px;height:40px;background:none;border:none;cursor:pointer;position:relative;transition:0.25s ease-in-out opacity}:host(.xv-tabs) .tab-headers_btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border:solid currentColor;border-width:0 2px 2px 0;display:inline-block;padding:4px;transform:translate(-50%, -50%) rotate(45deg)}:host(.xv-tabs) .tab-headers_btn:active{opacity:0.3}:host(.xv-tabs) .tab-headers_btn.prev:before{transform:translate(-50%, -50%) rotate(135deg)}:host(.xv-tabs) .tab-headers_btn.next:before{transform:translate(-50%, -50%) rotate(-45deg)}:host(.xv-tabs) .tab-content-wrapper{position:relative;overflow:hidden;padding:var(--gap-md, 16px) 0}:host(.xv-tabs) ::slotted(xv-tab-v2){display:none;width:100%;pointer-events:none}:host(.xv-tabs) ::slotted(xv-tab-v2.active){display:contents;pointer-events:auto}:host(.xv-tabs) .xv-tabs_empty{display:block;text-align:center;margin:20px auto;font-size:var(--fz-xl);color:var(--text-primary)}:host([variant=glued]) .tab-headers_tab{border:none;background-color:var(--layer-accent-01, #F7F7F7)}:host([variant=glued]) .tab-headers_tab:not(:last-of-type){border-right:1px solid var(--border-strong-01)}:host([variant=glued]) .tab-headers_tab:after{top:0}:host([variant=glued]) .tab-headers_tab.active{border-right:none;background-color:transparent}:host([loading]){display:flex;align-items:center;justify-content:center;min-height:300px}'}},[257,"xv-tabs-v2",{active:[1544],loading:[516],variant:[1],emptyMessage:[1,"empty-message"],hideSingleTab:[4,"hide-single-tab"],tabElements:[32],showArrows:[32]},[[9,"resize","updateArrowVisibility"]]]);function l(){"undefined"!=typeof customElements&&["xv-tabs-v2","xv-loader-v2"].forEach((t=>{switch(t){case"xv-tabs-v2":customElements.get(i(t))||customElements.define(i(t),h);break;case"xv-loader-v2":customElements.get(i(t))||n()}}))}l();const v=h,c=l;export{v as XvTabsV2,c as defineCustomElement}

package/dist/components/xv-tag-combobox.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvTagCombobox extends Components.XvTagCombobox, HTMLElement {}
+export const XvTagCombobox: {
+    prototype: XvTagCombobox;
+    new (): XvTagCombobox;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-tag-combobox.js

@@ -0,0 +1 @@
+import{p as t,H as s,c as i,h as o,a as e,t as h}from"./p-BNP2Lw34.js";import{S as r}from"./p-HjYAjHna.js";import{r as n}from"./index.js";import{d as a}from"./p-Dzz9jxLm.js";import{d as l}from"./p-DTwz9Fsh.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=i(this,"valueChange",7),this.inputChange=i(this,"inputChange",7),this.options=[],this.label="",this.size=r.MD,this.placeholder="",this.allowCreate=!0,this.maxSuggestions=200,this.disabled=!1,this.loading=!1,this.readonly=!1,this.error=!1,this.warning=!1,this.value=[],this.normalizedOptions=[],this.selected=[],this.inputValue="",this.open=!1,this.filtered=[],this.highlighted=-1,this.uid="xv"+Math.random().toString(36).slice(2,9),this.COMPARE_TAG_SIZE={[r.XS]:"sm",[r.SM]:"sm",[r.MD]:"sm",[r.LG]:"md",[r.XL]:"lg"},this.onKeyDown=t=>{if(this.disabled||this.readonly||this.loading)return;const s=t.key;"ArrowDown"===s?(t.preventDefault(),this.open||(this.open=!0),this.highlighted=Math.min(this.highlighted+1,this.filtered.length-1),this.highlighted<0&&(this.highlighted=0),this.scrollHighlightedIntoView()):"ArrowUp"===s?(t.preventDefault(),this.highlighted=Math.max(this.highlighted-1,0),this.scrollHighlightedIntoView()):"Enter"===s?(t.preventDefault(),this.open&&this.highlighted>=0&&this.highlighted<this.filtered.length?this.selectOption(this.filtered[this.highlighted]):this.inputValue.trim()&&this.allowCreate&&this.createFromInput()):","===s?this.inputValue.trim()&&(t.preventDefault(),this.allowCreate&&this.createFromInput()):"Escape"===s?(this.open=!1,this.highlighted=-1):"Backspace"!==s||this.inputValue?"Tab"===s&&this.open&&this.highlighted>=0&&this.filtered[this.highlighted]&&this.selectOption(this.filtered[this.highlighted]):this.selected.length&&(t.preventDefault(),this.removeTag(this.selected.length-1))}}componentWillLoad(){this.normalizedOptions=this.normalizeOptions(this.options),this.selected=this.valueToOpts(this.value),this.recomputeFiltered(),this.onDocumentClick=this.onDocumentClick.bind(this),window.addEventListener("click",this.onDocumentClick,!0)}disconnectedCallback(){window.removeEventListener("click",this.onDocumentClick,!0)}watchOptions(){this.normalizedOptions=this.normalizeOptions(this.options),this.recomputeFiltered()}watchValue(){this.selected=this.valueToOpts(this.value),this.recomputeFiltered()}normalizeOptions(t){return(t||[]).map((t=>"string"==typeof t?{label:t,value:t}:t))}valueToOpts(t){const s=this.normalizedOptions;return(t||[]).map((t=>s.find((s=>s.value===t))||{label:t,value:t}))}emitChange(){this.valueChange.emit(this.selected.map((t=>t.value)))}onDocumentClick(t){const s=t.composedPath?t.composedPath():t.path;s&&(s.some((t=>t===this.host))||(this.open=!1,this.highlighted=-1))}recomputeFiltered(){const t=(this.inputValue||"").trim().toLowerCase(),s=new Set(this.selected.map((t=>t.value))),i=this.normalizedOptions.filter((t=>!s.has(t.value)));if(!t)return void(this.filtered=i.slice(0,this.maxSuggestions));const o=i.filter((s=>s.label.toLowerCase().startsWith(t))),e=i.filter((s=>!s.label.toLowerCase().startsWith(t)&&s.label.toLowerCase().includes(t)));this.filtered=[...o,...e].slice(0,this.maxSuggestions)}onInput(t){this.loading||(this.inputValue=t.target.value,this.inputChange.emit(this.inputValue),this.open=!0,this.highlighted=-1,this.recomputeFiltered())}selectOption(t){this.disabled||this.loading||(this.selected.find((s=>s.value===t.value))||(this.selected=[...this.selected,t],this.emitChange()),this.inputValue="",this.open=!1,this.recomputeFiltered(),requestAnimationFrame((()=>{var t;return null===(t=this.inputEl)||void 0===t?void 0:t.focus()})))}createFromInput(){const t=(this.inputValue||"").trim();if(!t)return;const s=this.normalizedOptions.find((s=>s.label.toLowerCase()===t.toLowerCase()||s.value===t));this.selectOption(s||{label:t,value:t})}removeTag(t,s){var i;null==s||s.preventDefault(),this.disabled||this.loading||(this.selected=this.selected.filter(((s,i)=>i!==t)),this.emitChange(),this.recomputeFiltered(),null===(i=this.inputEl)||void 0===i||i.focus())}scrollHighlightedIntoView(){requestAnimationFrame((()=>{var t;const s=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.getElementById(`${this.uid}-opt-${this.highlighted}`);s&&s.scrollIntoView&&s.scrollIntoView({block:"nearest"})}))}onOptionMouseEnter(t){this.highlighted=t}optionId(t){return`${this.uid}-opt-${t}`}highlightLabel(t){const s=(this.inputValue||"").trim();if(!s)return[t];const i=t.toLowerCase().indexOf(s.toLowerCase());return-1===i?[t]:[t.slice(0,i),{match:t.slice(i,i+s.length)},t.slice(i+s.length)]}onOpen(){this.disabled||this.readonly||this.loading||(this.open=!0)}blockClick(){var t;this.disabled||this.readonly||this.loading||(null===(t=this.inputEl)||void 0===t||t.focus(),this.onOpen())}async focusInput(){var t;null===(t=this.inputEl)||void 0===t||t.focus()}async clear(){this.selected=[],this.emitChange()}render(){const t=this.open&&this.filtered.length>0,s=t?this.uid+"-listbox":void 0,i=this.highlighted>=0?this.optionId(this.highlighted):void 0,h=n({error:this.error,warning:this.warning,helper:this.helper});return o(e,{key:"5b78581d7d76f3f8548a8879831c1774b0f6e3ba",class:"xv-combobox",part:"root",size:this.size},this.label&&o("label",{key:"d2d7249c6b2c65018ab203ce71b72df3e19aa2d8",class:"label"},this.label),o("div",{key:"5d5782acb42a47e6b61151eeb3a2b20bb440b335",class:{control:!0,"control--disabled":this.disabled,"control--error":!!this.error,"control--readonly":!!this.readonly},onClick:()=>this.blockClick()},o("div",{key:"bcebbb940ffacac018068926ff3f714d60848d31",class:"control-chips",role:"list"},this.selected.map(((t,s)=>o("xv-tag-v2",{role:"listitem",part:"chip","data-value":t.value,size:this.COMPARE_TAG_SIZE[this.size],disabled:this.disabled,bg:(null==t?void 0:t.bg)||"var(--layer-accent-01, #F7F7F7)",color:(null==t?void 0:t.color)||"var(--text-primary, #333)",closeable:!this.readonly,onCloseClick:({detail:t})=>this.removeTag(s,t)},t.label))),o("input",{key:"231998800b3984fc5d8f98e3b387c856aefe2c3f",ref:t=>this.inputEl=t,class:"control-input",readonly:this.readonly,placeholder:this.selected.length?"":this.placeholder,value:this.inputValue,onInput:t=>this.onInput(t),onKeyDown:t=>this.onKeyDown(t),onFocus:()=>{this.onOpen(),this.recomputeFiltered()},"aria-autocomplete":"list","aria-expanded":this.open?"true":"false","aria-controls":s,"aria-activedescendant":i,disabled:this.disabled})),this.loading&&o("span",{key:"06553869f491586642f501cb5fcfc14e2ba6f1f4",class:"control-loader",part:"loader","aria-hidden":"true"},o("xv-loader-v2",{key:"db81d3335f20e26a0049508340da8cb3f59c24d9",size:"sm",variant:"horizontal"}))),h&&o("p",{key:"912315e151754bf4f8c63fbec64f3433bdbfac9d",class:{message:!0,[h.level]:!0}},h.text),t&&o("ul",{key:"c68bdb4c63e330440a038be034c1edefee84015c",id:this.uid+"-listbox",class:"suggestions",role:"listbox",part:"listbox"},this.filtered.map(((t,s)=>o("li",{id:this.optionId(s),class:{"suggestions-opt":!0,"suggestions-opt--highlight":s===this.highlighted},role:"option","aria-selected":s===this.highlighted,onMouseEnter:()=>this.onOptionMouseEnter(s),onMouseDown:t=>t.preventDefault(),onClick:()=>this.selectOption(t)},o("div",{class:"suggestions-opt-content"},t.bg?o("span",{class:"suggestions-opt-content--color",style:{background:t.bg}}):null,o("span",{class:"suggestions-opt-content--label"},this.highlightLabel(t.label).map(((t,s)=>"string"==typeof t?o("span",{key:s},t):o("strong",{key:s},t.match))))))))))}get host(){return this}static get watchers(){return{options:[{watchOptions:0}],value:[{watchValue:0}]}}static get style(){return':host{display:block;font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;width:100%;box-sizing:border-box;position:relative;text-align:left}:host .label{display:block;margin-bottom:var(--spacing-03);color:var(--text-secondary, #515151);font-family:var(--ff-body), sans-serif;font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md);letter-spacing:0.32px}:host .control{overflow:auto;border-radius:3px;border:1px solid var(--border-subtle-01);outline:2px solid transparent;padding-block:var(--spacing-02);padding-inline:var(--spacing-05);box-sizing:border-box;display:flex;align-items:center;min-height:40px;cursor:text}:host .control:focus-within{outline:2px solid var(--focus)}:host .control--error{outline-color:var(--support-error)}:host .control--readonly{border-radius:0;border-top-width:0;border-left-width:0;border-right-width:0;outline-color:transparent}:host .control--disabled{opacity:0.6;cursor:not-allowed}:host .control-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px;width:100%}:host .control-loader{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:var(--spacing-03);pointer-events:none}:host .control-input{flex:1;min-width:120px;border:none;outline:none;font-size:inherit;color:inherit;background:transparent;padding:0;margin:0}:host .control-input:disabled{cursor:not-allowed}:host .control-input::placeholder{color:var(--text-placeholder)}:host .message{margin:var(--spacing-02) 0 0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md, 16px);letter-spacing:0.32px}:host .message.error{color:var(--text-error)}:host .message.warning{color:var(--text-secondary, #515151)}:host .suggestions{position:absolute;top:100%;left:0;right:0;background:var(--layer-02, #fff);border-radius:3px;border:1px solid var(--border-subtle-01);box-shadow:0 6px 18px rgba(0, 0, 0, 0.06);max-height:220px;overflow:auto;z-index:50;margin:var(--spacing-01) 0 0;padding:var(--spacing-03) 0}:host .suggestions-opt{padding:8px 12px;cursor:pointer;display:flex;align-items:center}:host .suggestions-opt :hover,:host .suggestions-opt--highlight{background-color:var(--layer-hover-02, #F7F7F7)}:host .suggestions-opt-content{display:flex;align-items:center;gap:8px}:host .suggestions-opt-content--color{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0, 0, 0, 0.06)}:host .suggestions-opt-content--label strong{font-weight:700}:host([size=xs]){font-size:0.8em}:host([size=xs]) .control{min-height:16px}:host([size=sm]){font-size:0.9em}:host([size=sm]) .control{min-height:32px}:host([size=lg]){font-size:1.2em}:host([size=lg]) .control{min-height:48px}:host([size=xl]){font-size:1.4em}:host([size=xl]) .control{min-height:60px}'}},[1,"xv-tag-combobox",{options:[16],label:[1],size:[1],placeholder:[1],allowCreate:[4,"allow-create"],maxSuggestions:[2,"max-suggestions"],disabled:[4],loading:[4],readonly:[4],error:[8],warning:[8],helper:[1],value:[16],normalizedOptions:[32],selected:[32],inputValue:[32],open:[32],filtered:[32],highlighted:[32],focusInput:[64],clear:[64]},void 0,{options:[{watchOptions:0}],value:[{watchValue:0}]}]);function d(){"undefined"!=typeof customElements&&["xv-tag-combobox","xv-loader-v2","xv-tag-v2"].forEach((t=>{switch(t){case"xv-tag-combobox":customElements.get(h(t))||customElements.define(h(t),c);break;case"xv-loader-v2":customElements.get(h(t))||a();break;case"xv-tag-v2":customElements.get(h(t))||l()}}))}d();const p=c,g=d;export{p as XvTagCombobox,g as defineCustomElement}

package/dist/components/xv-tag-v2.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface XvTagV2 extends Components.XvTagV2, HTMLElement {}
+export const XvTagV2: {
+    prototype: XvTagV2;
+    new (): XvTagV2;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/xv-tag-v2.js

@@ -0,0 +1 @@
+import{X as s,d as o}from"./p-DTwz9Fsh.js";const p=s,r=o;export{p as XvTagV2,r as defineCustomElement}