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

package/dist/components/p-DtUNYh73.js

@@ -0,0 +1 @@
+import{p as e,H as n,c as i,h as t,F as a,a as o,t as r}from"./p-BNP2Lw34.js";import{b as s}from"./index.js";import{d as l}from"./p-COoj5JkZ.js";import{d as u}from"./p-kQVUwJXZ.js";import{d as m}from"./p-BXB4D7j4.js";import{d}from"./p-Dzz9jxLm.js";import{d as c}from"./p-DTwz9Fsh.js";const p=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.openChange=i(this,"openChange",7),this.mobileSize=991,this.open=!1,this.menuItems=[],this.applicationContext="Xv",this.menuLoading=!1}handleClickOutside(e){this.open&&!this.el.contains(e.target)&&this.handleClose()}handleClose(){this.open=!1,this.activeItem=this.activeGroup=void 0,this.openChange.emit(this.open)}get isMobile(){return window.outerWidth<=this.mobileSize}setActiveItem(e){var n,i,t,a,o;this.activeItem=(null===(n=this.activeItem)||void 0===n?void 0:n.id)===(null==e?void 0:e.id)?void 0:e,this.isMobile&&1!==((null===(t=null===(i=this.activeItem)||void 0===i?void 0:i.groups)||void 0===t?void 0:t.length)||0)||this.setActiveGroup(null===(o=null===(a=this.activeItem)||void 0===a?void 0:a.groups)||void 0===o?void 0:o[0]),this.isMobile||(this.open=!!this.activeItem,!this.open&&this.handleClose())}setActiveGroup(e){var n;this.activeGroup=this.isMobile&&(null===(n=this.activeGroup)||void 0===n?void 0:n.id)===(null==e?void 0:e.id)?void 0:e}navActionClick(e){window.location.href=e.url}parseMenuData(e){if(!e)return null;if(Array.isArray(e))return e;try{const n=JSON.parse(e);return Array.isArray(n)?n:null}catch(e){return console.warn("xv-mega-menu-next: invalid menu-data JSON",e),null}}async fetchMenuData(){try{this.menuItems=await s.get("/api-fd/v1/home/menu",{awaitWl:!0,credentials:"include"}).then((({data:e,meta:n})=>(this.applicationContext=n.applicationContext,e||[])))}catch(e){console.error("fetchMenuData error",e),this.menuItems=[]}}onMenuDataChange(e){const n=this.parseMenuData(e);n&&(this.menuItems=n)}componentWillLoad(){const e=this.parseMenuData(this.menuData);e?this.menuItems=e:this.fetchMenuData()}render(){return t(o,{key:"ed607b8cd4c395fb89c2b925381a66476ee7fc66"},t("nav",{key:"df1bc505eea962a6dd450aff9ce94bdaf851bb60",class:{"xv-menu":!0,open:this.open}},this.menuLoading&&t("div",{key:"43d7eb0df82e01e7bc9dcf7d305b41e2e274206b",class:{"xv-menu-loader":!0,open:this.open}},t("xv-loader-v2",{key:"d1fe2d349bbb091ca9e1ad3b3042f751cd7bea8a"})),t("ul",{key:"7daed87d6a28ef57cf50c44d6b692818d898f24b",class:{menu:!0,open:this.open}},this.menuItems.map((e=>{var n,i;return t("li",{class:{"menu-item":!0,active:e.id===(null===(n=this.activeItem)||void 0===n?void 0:n.id)}},e.route?t("xv-link-v2",{variant:"ghost",href:e.route.route},t("p",{class:"menu-item-label"},null===(i=e.route)||void 0===i?void 0:i.label)):t(a,null,t("p",{class:"menu-item-label",onClick:()=>this.setActiveItem(e)},null==e?void 0:e.label),t("ul",{class:"menu-item-groups"},e.groups.map((n=>{var i;return t("li",{class:{group:!0,active:(null===(i=this.activeGroup)||void 0===i?void 0:i.id)===n.id}},n.label&&e.groups.length>1&&t("div",{class:"group-label",onClick:()=>this.setActiveGroup(n)},t("span",{class:"group-label-text"},n.label),t("span",{class:"group-label-icon"})),t("div",{class:"group-container"},t("div",{class:{"group-container-absolute":!0,noLabel:!(n.label&&e.groups.length>1)}},t("div",{class:"group-menus"},t("ul",{class:{"group-menus-categories":!0,inline:"inline"===n.layout}},n.categories.map((e=>t("li",{class:"category"},t("p",{class:"category-label"},e.label),t("ul",{class:"category-routes"},e.routes.map((e=>t("li",{class:"route"},t("xv-link-v2",{size:"lg",variant:"ghost",href:e.route||"#"},e.label),e.tag&&t("xv-tag-v2",{class:"route-tag",size:"sm",color:"#161616",bg:"#E0E0E0"},e.tag))))))))),t("ul",{class:"group-menus-actions"},n.actions.map((e=>t("li",{class:"action"},"link"===e.type&&t("xv-link-v2",{variant:"standalone",href:null==e?void 0:e.url},e.label,t("span",{class:"link-chevron",slot:"icon-right"},"→")),"button"===e.type&&t("xv-button-v2",{onClick:()=>this.navActionClick(e),block:!0,variant:"tertiary"},e.label)))))),(null==n?void 0:n.card)&&t("div",{class:"group-card"},t("xv-card-v2",{media:"Komsa"!==this.applicationContext?n.card.image:void 0,variant:this.isMobile?"horizontal":"vertical"},t("h5",{slot:"header",class:"group-card-title"},n.card.title),t("p",{slot:"body",class:"group-card-desc"},n.card.description),n.card.linkLabel&&t("xv-link-v2",{slot:"footer",variant:"standalone",href:n.card.linkUrl||"#"},n.card.linkLabel,t("span",{class:"link-chevron",slot:"icon-right"},"→")))))))})))))})),t("li",{key:"9644d518b2a427d1af5319f6d0dcd08b11a9c6c2",class:"menu--right"},t("slot",{key:"5200a528a6e5b5374815d7978ec09e87da55a3d7",name:"menu-right"})),this.open&&t("li",{key:"378f37f82e6b9ae4990e4bd7d197d1a1ce851b2e",class:"menu--backdrop",onClick:()=>this.handleClose()}))))}get el(){return this}static get watchers(){return{menuData:[{onMenuDataChange:0}]}}static get style(){return":host{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu{background:inherit;position:relative;font-family:var(--ff-work-sans), sans-serif}@media (min-width: 992px){.xv-menu{min-height:55px}}.xv-menu-loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;background-color:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center}@media (max-width: 991px){.xv-menu-loader:not(.open){display:none}}@media (max-width: 991px){.xv-menu.open{padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile{position:relative;display:none}@media (max-width: 991px){.xv-menu_mobile{display:inline-flex}}.xv-menu ul{margin:0;padding:0;list-style:none}.xv-menu .link-chevron{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu .menu{overflow-x:auto;display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 991px){.xv-menu .menu{flex-direction:column;display:none}}.xv-menu .menu--right{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 991px){.xv-menu .menu--right{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu .menu--backdrop{z-index:-1;background-color:rgba(0, 0, 0, 0.3);position:fixed;top:0;left:0;width:100%;height:100%}@media (max-width: 991px){.xv-menu .menu.open{display:flex}}.xv-menu .menu-item:hover .menu-item-label{border-bottom-color:var(--interactive-02)}.xv-menu .menu-item.active .menu-item-groups{z-index:990;display:flex}.xv-menu .menu-item.active .menu-item-label{border-bottom-color:var(--interactive-02)}@media (max-width: 991px){.xv-menu .menu-item.active{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-label{margin:0;padding-block:var(--spacing-05, 16px);color:inherit;font-size:16px;line-height:24px;font-family:var(--ff-body), sans-serif;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:250ms ease-in-out border-bottom-color;user-select:none;white-space:nowrap}@media (max-width: 991px){.xv-menu .menu-item-label{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-groups{z-index:-1;position:absolute;left:0;top:100%;width:100%;background-color:var(--background, #fff);display:none;flex-direction:column;border:1px solid var(--border-subtle-01);row-gap:var(--spacing-05);padding-block:var(--spacing-08) var(--spacing-06);min-height:var(--menu-group-height);border-radius:0 0 8px 8px;overflow:hidden;color:var(--interactive-01, #273435)}@media (max-width: 991px){.xv-menu .menu-item-groups{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu .menu .group{display:flex;align-items:flex-start}@media (max-width: 991px){.xv-menu .menu .group{flex-direction:column;align-items:stretch}}.xv-menu .menu .group-label{user-select:none;min-width:var(--menu-group-width);max-width:var(--menu-group-width);color:var(--text-primary, #333);font-size:16px;font-style:normal;font-weight:400;line-height:137.5%;display:flex;column-gap:var(--spacing-04);text-align:right;justify-content:flex-end;cursor:pointer}.xv-menu .menu .group-label-text{text-overflow:ellipsis;overflow:hidden}.xv-menu .menu .group-label-icon{width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);transform-origin:bottom;align-self:center}@media (max-width: 991px){.xv-menu .menu .group-label{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu .menu .group-container{flex:1;display:none}.xv-menu .menu .group-container-absolute{position:absolute;top:0;right:0;width:calc(100% - (var(--menu-group-width) + var(--spacing-06) + var(--spacing-09) + var(--spacing-05)));min-height:calc(100% - (var(--spacing-08) + var(--spacing-06)));padding:var(--spacing-08) var(--spacing-06) var(--spacing-06) var(--spacing-09);display:flex;background-color:var(--layer-01, #F7F7F7)}@media (max-width: 991px){.xv-menu .menu .group-container-absolute{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu .menu .group-container-absolute.noLabel{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu .menu .group.active .group-label{font-weight:600}@media (max-width: 991px){.xv-menu .menu .group.active .group-label-icon{transform-origin:center;transform:rotate(45deg)}}.xv-menu .menu .group.active .group-container{display:flex}.xv-menu .menu .group-menus{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu .menu .group-menus-categories{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 991px){.xv-menu .menu .group-menus-categories{flex-direction:column;gap:var(--spacing-07)}}.xv-menu .menu .group-menus-categories.inline{flex-direction:column;flex-wrap:wrap;max-height:365px}@media (max-width: 991px){.xv-menu .menu .group-menus-categories.inline{max-height:unset}}.xv-menu .menu .group-menus-categories.inline .category{flex:none}.xv-menu .menu .group-menus-actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .group-menus-actions{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu .menu .group-card{box-sizing:content-box;max-width:228px;min-width:200px;padding-left:var(--spacing-06);border-left:1px solid var(--border-subtle-01)}@media (min-width: 992px) and (max-width: 1199px){.xv-menu .menu .group-card{display:none}}@media (max-width: 991px){.xv-menu .menu .group-card{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu .menu .group-card .xv-card{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 991px){.xv-menu .menu .group-card .xv-card{width:unset}}.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-size:var(--fz-md, 14px);font-style:normal;line-height:18px;letter-spacing:0.16px}.xv-menu .menu .group-card .xv-link_standalone,.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .group-card-title{color:var(--text-primary, #333);font-weight:600}.xv-menu .menu .group-card-desc{color:var(--text-secondary, #515151);font-weight:400;padding-top:var(--spacing-03);display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;overflow:hidden}.xv-menu .menu .category{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .category{flex:0}.xv-menu .menu .category:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu .menu .category-label{margin:0;font-size:var(--fz-md, 14px);color:var(--text-secondary)}.xv-menu .menu .category-routes{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu .menu .route{display:inline-flex;align-items:center;column-gap:var(--spacing-03);position:relative;font-size:var(--fz-lg, 16px)}.xv-menu .menu .route .xv-link_ghost{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .route .xv-link_ghost:hover{color:var(--link-primary)}@media (max-width: 991px){.xv-menu .menu .route{white-space:nowrap}}.xv-menu .menu .route .route-tag{font-size:9px}"}},[257,"xv-mega-menu-next",{open:[1540],menuData:[1,"menu-data"],activeItem:[32],activeGroup:[32],menuItems:[32],applicationContext:[32],menuLoading:[32]},[[4,"click","handleClickOutside"]],{menuData:[{onMenuDataChange:0}]}]);function v(){"undefined"!=typeof customElements&&["xv-mega-menu-next","xv-button-v2","xv-card-v2","xv-link-v2","xv-loader-v2","xv-tag-v2"].forEach((e=>{switch(e){case"xv-mega-menu-next":customElements.get(r(e))||customElements.define(r(e),p);break;case"xv-button-v2":customElements.get(r(e))||l();break;case"xv-card-v2":customElements.get(r(e))||u();break;case"xv-link-v2":customElements.get(r(e))||m();break;case"xv-loader-v2":customElements.get(r(e))||d();break;case"xv-tag-v2":customElements.get(r(e))||c()}}))}v();export{p as X,v as d}

package/dist/components/p-DyGMZIub.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as o,h as r,a as i,t as s}from"./p-BNP2Lw34.js";import{c as a}from"./p-BfP9ezJQ.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.openChange=o(this,"openChange",3),this.open=!1,this.autoSize=!1,this.block=!1,this.position="auto",this.destroyPopper=()=>{this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=void 0)}}openChangeHandle(){this.open?requestAnimationFrame((()=>this.createPopper())):this.destroyPopper(),this.openChange.emit(this.open)}handleClickOutside(e){this.open&&!this.el.contains(e.target)&&(this.open=!1)}handleKeyDown(e){"Escape"===e.key&&this.open&&(this.open=!1)}async setPopover(e){if(e!==this.open)return this.open=e,this.open}createPopper(){this.triggerEl&&this.popoverEl?this.popperInstance=a(this.triggerEl,this.popoverEl,{placement:this.position,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{boundary:"viewport",padding:8}}]}):console.warn("XvToggleTip can`t find the trigger or popover container!")}render(){return r(i,{key:"fd081052d0ce9e3c3505e99914eb765e2c708144",class:"xv-toggle-tip"},r("div",{key:"7820225106348327e96a5620a64e2c13c15e7129",class:{trigger:!0,"trigger--block":this.block},role:"button",tabindex:"0","aria-expanded":this.open?"true":"false","aria-controls":"popover",onClick:()=>this.setPopover(!this.open),ref:e=>this.triggerEl=e},r("slot",{key:"daa48bf90a6b283a361414047b9f5cc194d6969c",name:"trigger"},r("svg",{key:"37abc5de519c6b48bff301a48ddc11edffc23008",class:"trigger_icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",width:16,height:16},r("path",{key:"120b7659351f0dacc52c818803dc735fe4e4dfc8",fill:"currentColor",d:"M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"})))),r("div",{key:"edc6f66c90815a764e884bbb3adea6687a9148a8",class:{popover:!0,autoSize:!!this.autoSize},role:"tooltip",tabindex:"-1",ref:e=>this.popoverEl=e},r("div",{key:"592926c0f4c6534bfcf5d01b6ca6b4bfe63f1337",class:"popover-tip",part:"tip","data-popper-arrow":""}),r("div",{key:"e91dc73a6c6acf68173a05a932615fcf3e3dfe27",class:"popover-content"},r("slot",{key:"afaac527e6f4853075417b598795a37322612888",name:"header"}),r("slot",{key:"cc047953642b7c4b686c1f7af1a0647cf84e6001",name:"body"}),r("slot",{key:"b4b8a501b0fc655fb2151726121ab5b882af0ce7",name:"footer"}))))}disconnectedCallback(){this.destroyPopper()}get el(){return this}static get watchers(){return{open:[{openChangeHandle:0}]}}static get style(){return':host{display:inline-block;font-family:inherit;position:relative}:host .trigger{display:inline-flex;align-items:center;cursor:pointer;transition:250ms ease-in-out color;color:var(--icon-secondary)}:host .trigger--block{display:flex}:host .trigger_icon{color:inherit}:host .trigger ::slotted([slot=trigger]){transition:250ms ease-in-out color;color:var(--icon-secondary)}:host .trigger:hover,:host .trigger:active,:host .trigger ::slotted([slot=trigger]:hover),:host .trigger ::slotted([slot=trigger]:active){color:var(--icon-primary)}:host .trigger:focus,:host .trigger ::slotted([slot=trigger]:focus){color:var(--focus)}:host .popover{opacity:1;z-index:1000;position:absolute;background-color:var(--background-inverse);color:var(--text-inverse);border-radius:4px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.25);font-size:0.875rem;line-height:1.5;margin-top:8px;flex-direction:column;display:flex;max-width:288px}:host .popover.autoSize{max-width:unset}:host .popover[data-popper-placement^=top] .popover-tip{bottom:-4px}:host .popover[data-popper-placement^=bottom] .popover-tip{top:-4px}:host .popover[data-popper-placement^=left] .popover-tip{right:-4px}:host .popover[data-popper-placement^=right] .popover-tip{left:-4px}:host .popover .popover-tip{width:10px;height:10px;background-color:transparent;z-index:-1}:host .popover .popover-tip:before{content:"";transform:rotate(45deg);background-color:var(--background-inverse);width:inherit;height:inherit;display:inline-block}:host .popover .popover-content{padding:var(--gap-md);display:flex;flex-direction:column;gap:var(--spacing-04)}:host .popover .popover-content ::slotted([slot=header]){font-size:0.875rem;font-weight:600;color:var(--text-secondary)}:host .popover .popover-content ::slotted([slot=body]){font-size:0.875rem;color:var(--text-inverse)}:host .popover .popover-content ::slotted([slot=footer]){font-size:0.75rem;color:var(--text-inverse)}:host(:not([open])) .popover{opacity:0;z-index:-1;user-select:none;pointer-events:none}'}},[257,"xv-toggle-tip",{open:[1540],autoSize:[516,"auto-size"],block:[4],position:[1],setPopover:[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{open:[{openChangeHandle:0}]}]);function n(){"undefined"!=typeof customElements&&["xv-toggle-tip"].forEach((e=>{"xv-toggle-tip"===e&&(customElements.get(s(e))||customElements.define(s(e),p))}))}n();export{p as X,n as d}

package/dist/components/p-Dzz9jxLm.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as s,a as i,t as o}from"./p-BNP2Lw34.js";import{S as r}from"./p-HjYAjHna.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.show=!0,this.variant="horizontal",this.size=r.MD}render(){return this.show?s(i,{class:{"xv-loader":!0},size:this.size},s("slot",{name:"before"}),s("div",{class:{spinner:!0}}),s("slot",null)):null}static get style(){return':host(.xv-loader){display:inline-flex;align-items:center;gap:0.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.xv-loader) .spinner{color:var(--text-secondary, #515151);font-size:inherit;border:max(4px, 0.1em) solid rgba(0, 0, 0, 0.1);border-top-color:var(--highlight-01, #CEDE94);border-radius:50%;animation:spin 0.8s linear infinite;width:1em;height:1em;min-width:1em;min-height:1em;max-width:1em;max-height:1em}:host(.xv-loader) ::slotted(*){font-family:var(--ff-heading, "IBM Plex Sans");color:inherit;margin-top:0;margin-bottom:0;font-size:inherit;line-height:133.333%;letter-spacing:0.32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([variant=vertical]){flex-direction:column}:host([size=xs]){font-size:var(--fz-xs, 9px)}:host([size=sm]){font-size:var(--fz-sm, 12px)}:host([size=md]){font-size:inherit}:host([size=lg]){font-size:var(--spacing-08, 40px)}:host([size=xl]){font-size:var(--spacing-12, 96px)}@keyframes spin{to{transform:rotate(360deg)}}'}},[257,"xv-loader-v2",{show:[4],variant:[1],size:[1]}]);function a(){"undefined"!=typeof customElements&&["xv-loader-v2"].forEach((e=>{"xv-loader-v2"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))}a();export{n as X,a as d}

package/dist/components/p-HjYAjHna.js

@@ -0,0 +1 @@
+var n,s;!function(n){n.XS="xs",n.SM="sm",n.MD="md",n.LG="lg",n.XL="xl"}(n||(n={})),function(n){n.ASC="asc",n.DESC="desc",n.NONE="none"}(s||(s={}));export{n as S,s as X}

package/dist/components/p-SvgdO2VS.js

@@ -0,0 +1 @@
+const a="xv-data-table",t="xv-data-table-row",d="xv-row-drag-handle";export{a as X,t as a,d as b}

package/dist/components/p-ZYJfCCwX.js

@@ -0,0 +1 @@
+import{p as t,H as e,c as o,h as s,a as r,t as i}from"./p-BNP2Lw34.js";import{f as a,u as l}from"./index.js";import{X as n}from"./p-HjYAjHna.js";import{d as c}from"./p-BRZwUlfE.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.sortChange=o(this,"sortChange",7)}handleSort(){if(void 0===this.sort)return;let t=this.sort;""===this.sort&&(t=n.NONE),this.sort=t===n.NONE||t===n.DESC?n.ASC:n.DESC,a(this.el.parentElement.children,(t=>{t!==this.el&&t.hasAttribute("sort")&&t.setAttribute("sort","none")})),this.name||(this.name=l()),this.sortChange.emit(this.sort)}render(){return s(r,{key:"676e02a2277f9f1a67bc66f8187d0708fd3117e5",role:"cell",style:{width:this.width},class:{multiline:void 0!==this.multiline,[`align--${this.align}`]:!!this.align}},!this.multiline||isNaN(this.multiline)?this.__renderWithTooltip():s("div",{class:"line-clamp",style:{"-webkit-line-clamp":`${this.multiline}`}},this.__renderWithTooltip()))}__renderWithTooltip(){return this.tooltip?s("xv-tooltip-v2",{dashed:!0,position:"top-start",message:this.tooltip},s("slot",null)):s("slot",null)}get el(){return this}static get style(){return'@charset "UTF-8";:host{display:table-cell;border-style:solid;border-left-width:0;border-right-width:0;border-top-width:var(--xv-data-table-border-width, 0);border-bottom-width:var(--xv-data-table-border-width, 0);border-color:var(--xv-data-table-border-color, transparent);padding-inline:var(--xv-data-table-padding-x, 0);padding-block:var(--xv-data-table-padding-y, 0);vertical-align:middle;word-break:break-all;font-style:normal;font-weight:400}:host .line-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}:host(:not(.multiline)){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(:not(.multiline)) ::slotted(*){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sort]){position:relative;cursor:pointer;user-select:none}:host([sort]):before,:host([sort]):after{font-size:12px;line-height:10px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:8px;pointer-events:none;transition:350ms ease-in-out opacity;opacity:0}:host([sort]):before{content:"▲";top:50%;transform:translateY(calc(-50% - 5px))}:host([sort])::after{content:"▼";top:50%;transform:translateY(calc(-50% + 5px))}:host([sort]:hover){background-color:var(--layer-accent-hover-02, #D1D1D1)}:host([sort]:hover)::before,:host([sort]:hover)::after{opacity:1}:host([sort=asc]){background-color:var(--layer-accent-active-02, #ACACAC)}:host([sort=asc])::before{opacity:1}:host([sort=asc])::after{display:none}:host([sort=desc]){background-color:var(--layer-accent-active-02, #ACACAC)}:host([sort=desc])::before{display:none}:host([sort=desc])::after{opacity:1}'}},[257,"xv-data-table-cell",{name:[1025],sort:[1537],multiline:[520],width:[1],align:[1],tooltip:[1]},[[0,"click","handleSort"]]]);function h(){"undefined"!=typeof customElements&&["xv-data-table-cell","xv-tooltip-v2"].forEach((t=>{switch(t){case"xv-data-table-cell":customElements.get(i(t))||customElements.define(i(t),d);break;case"xv-tooltip-v2":customElements.get(i(t))||c()}}))}h();export{d as X,h as d}

package/dist/components/p-bdaoJ1tx.js

@@ -0,0 +1 @@
+const a="expandable",e="xv-table-v2";export{a as X,e as a}

package/dist/components/p-e0i0f6QA.js

@@ -0,0 +1 @@
+const o={DEFAULT:"",GHOST:"ghost"},e="xv-overflow-menu-v2-item";export{e as O,o as a}

package/dist/components/p-kQVUwJXZ.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as a,a as d,t as c}from"./p-BNP2Lw34.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="vertical"}render(){return a(d,{key:"4d06cac90791fd3f944f6f43215995a24f344dfa",class:`xv-card xv-card_${this.variant}`,part:this.variant},a("div",{key:"b420f2b5bde1faa3fcee0cc216e4019892c78e17",class:"xv-card_media"},a("slot",{key:"9dea3f7fa8342adb68db0d6262936232787bc3cb",name:"media"},this.media&&a("img",{key:"38be45a452d9aa6dfdad07e05a9347774df71d5e",class:"xv-card_media__content",src:this.media,alt:this.header}))),a("div",{key:"a4e55329f69827bc3056d22f422733d8a7198909",class:"xv-card_content"},a("div",{key:"e253ce0731233645bd9613758ee900d4116e1056",class:"xv-card_header"},a("slot",{key:"4bcd64ea001fb662073f78ef444cdd5268fe8031",name:"header"},this.header&&a("p",{key:"a426cb03bcde98ed40a38109250ffea328194704",class:"xv-card_header__content"},this.header))),a("div",{key:"e416e75138e7017d5899b20833ed745123d16b43",class:"xv-card_body"},a("slot",{key:"c43908818edf2f32d11edefef689f4eb426202a5",name:"body"},this.body&&a("p",{key:"032038d2ee6b994e76d930ca2d3b28f164879c0d",class:"xv-card_body__content"},this.header))),a("div",{key:"8dad37533f116151dfb61fe8a9487e3e9c560bcf",class:"xv-card_footer"},a("slot",{key:"5c7593e5f5a53dadc2349740fe28c36d1e6ed9ef",name:"footer"},this.footer))))}static get style(){return":host{display:flex;flex-direction:column;border-radius:3px;border:1px solid var(--border-subtle-00);background:var(--layer-layer-02);box-shadow:0 1px 3px 1px rgba(39, 52, 53, 0.15), 0 1px 2px 0 rgba(39, 52, 53, 0.3);font-family:var(--ff-body, inherit);overflow:visible !important}:host(.xv-card_vertical){width:100% !important}:host(.xv-card_horizontal){flex-direction:row;display:flex;width:max-content}:host(.xv-card_horizontal) .xv-card_media__content,:host(.xv-card_horizontal) .xv-card_media ::slotted([slot=media]){min-height:100%;max-height:100%;max-width:160px;min-width:160px}.xv-card_content{padding:16px;display:flex;flex-direction:column;flex:1;text-align:left}.xv-card_media__content,.xv-card_media ::slotted([slot=media]){max-width:100%;min-width:100%;min-height:199px;max-height:199px;object-fit:cover;object-position:center}.xv-card_header__content,.xv-card_header ::slotted([slot=header]){margin:0 0 8px;color:var(--text-primary);font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:-0.6px}.xv-card_body{flex:1}.xv-card_body__content,.xv-card_body ::slotted([slot=body]){margin:0 0 8px;color:var(--text-secondary);font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-0.1px}"}},[257,"xv-card-v2",{variant:[1],media:[1],header:[1],body:[1],footer:[1]}]);function r(){"undefined"!=typeof customElements&&["xv-card-v2"].forEach((e=>{"xv-card-v2"===e&&(customElements.get(c(e))||customElements.define(c(e),o))}))}r();export{o as X,r as d}

package/dist/components/xv-accordion-v2-item.d.ts

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

package/dist/components/xv-accordion-v2-item.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as i,h as o,a,t as n}from"./p-BNP2Lw34.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.itemToggle=i(this,"itemToggle",7),this.disabled=!1,this.isOpen=!1,this.toggle=()=>{var e,t;this.disabled||(this.isOpen=!this.isOpen,null===(t=null===(e=this.parent)||void 0===e?void 0:e.toggleItem)||void 0===t||t.call(e,this.value))}}componentWillLoad(){var e;this.isOpen=!!this.value&&(null===(e=this.parent)||void 0===e?void 0:e.value)===this.value}handleAccordionChange(e){this.parent&&e.detail.id===this.parent.xvId&&(this.isOpen=e.detail.opened.has(this.value))}get parent(){return this.el.closest("xv-accordion-v2")}render(){return o(a,{key:"77af9cb224d92f17825d13a24832a174707be816",class:this.disabled?"disabled":""},o("label",{key:"bc1b45add710647fb06da581abd39175ffa2c5b4",class:"label "+(this.isOpen?"opened":"closed"),onClick:this.toggle},o("span",{key:"d370245eb4d9ae3786c7e270c44b3e8b6ff88fa1"},this.label)),o("div",{key:"1c06ddab2811142637b8e0d31eeb2b76ede661a4",class:"content "+(this.isOpen?"opened":"closed")},o("slot",{key:"3fe798a9c5d7aa6a1882d4079d66ae38e5033e13"})))}get el(){return this}static get style(){return':host{border-top:1px solid var(--border-subtle-01);display:flex;flex-direction:column;font-family:var(--ff-body, inherit)}:host(.disabled) .label{color:var(--text-disabled)}:host(.disabled) .label:hover{cursor:initial;background-color:transparent}.label{padding:14px 16px;display:inline-flex;align-items:center;column-gap:20px;justify-content:space-between;text-align:left;color:var(--text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:0.16px;background-color:transparent;transition:background-color 200ms ease-in-out}.label>span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.label:hover{cursor:pointer;background-color:var(--layer-hover-01)}.label:after{content:"";border-style:solid;border-color:var(--icon-primary);border-image:initial;border-width:0 1.5px 1.5px 0;display:inline-block;padding:4px;transition:transform 100ms ease-in-out;transform:rotate(45deg)}.label.opened:after{transform:rotate(-135deg)}.content{interpolate-size:allow-keywords;padding:0 16px;text-align:left;color:var(--text-primary);font-size:14px;overflow:hidden;height:0;transition:height 0.3s ease-in-out, padding-top 0.25s ease, padding-bottom 0.25s ease}.content.opened{height:auto;padding:14px 16px}'}},[257,"xv-accordion-v2-item",{disabled:[4],label:[1],value:[1],isOpen:[32]},[[16,"accordionChange","handleAccordionChange"]]]);function r(){"undefined"!=typeof customElements&&["xv-accordion-v2-item"].forEach((e=>{"xv-accordion-v2-item"===e&&(customElements.get(n(e))||customElements.define(n(e),s))}))}r();const l=s,d=r;export{l as XvAccordionV2Item,d as defineCustomElement}

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

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

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

@@ -0,0 +1 @@
+import{p as t,t as s,H as i,c as e,h,a as o}from"./p-BNP2Lw34.js";import{u as a}from"./index.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.accordionChange=e(this,"accordionChange",7),this.multiple=!1,this.xvId=a(),this.opened=new Set,this.applyingValue=!1}async toggleItem(t){return this.opened.has(t)?this.opened.delete(t):(this.multiple||this.opened.clear(),this.applyingValue=!0,this.value=t,this.applyingValue=!1,this.opened.add(this.value)),this.accordionChange.emit({opened:this.opened,id:this.xvId}),{opened:this.opened,id:this.xvId}}onValueChange(t){this.applyingValue||t&&this.opened.has(t)||(this.multiple||this.opened.clear(),t&&this.opened.add(t),this.accordionChange.emit({opened:this.opened,id:this.xvId}))}componentWillLoad(){this.value&&this.onValueChange(this.value)}render(){return h(o,{key:"c77f29646b727b494d362abb9f1524a4ddd4f2c3",class:"xv-accordion","data-id":this.xvId},h("slot",{key:"940d19b258a27ad0c9afd34e67aab3ce5f64c09f"}))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:block}"}},[257,"xv-accordion-v2",{multiple:[4],xvId:[1,"xv-id"],value:[1025],opened:[32],toggleItem:[64]},void 0,{value:[{onValueChange:0}]}]);function c(){"undefined"!=typeof customElements&&["xv-accordion-v2"].forEach((t=>{"xv-accordion-v2"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))}c();const d=n,r=c;export{d as XvAccordionV2,r as defineCustomElement}

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

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

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

@@ -0,0 +1 @@
+import{p as e,H as t,h as r,t as a}from"./p-BNP2Lw34.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return r("div",{key:"b67f8fd83cffc4974a819c9e393496720fb0b1aa",class:"xv-breadcrumbs"},r("div",{key:"466188dfda1c0eaa2280a83ea641a868bb396f8f",class:"xv-breadcrumbs__container"},r("slot",{key:"5e5f6dcf65d3aa5755b2d33af1bdd89ca324a99c"})))}static get style(){return'.xv-breadcrumbs{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;direction:rtl;text-align:left}.xv-breadcrumbs__container{display:inline;direction:ltr}.xv-breadcrumbs__container>*{display:inline}.xv-breadcrumbs__container>*:not(:last-child){text-decoration:none !important}.xv-breadcrumbs__container>*:not(:last-child)::after{content:"/";margin:0 0.5rem;color:var(--text-primary)}'}},[260,"xv-breadcrumbs-v2"]);function n(){"undefined"!=typeof customElements&&["xv-breadcrumbs-v2"].forEach((e=>{"xv-breadcrumbs-v2"===e&&(customElements.get(a(e))||customElements.define(a(e),c))}))}n();const s=c,d=n;export{s as XvBreadcrumbsV2,d as defineCustomElement}

package/dist/components/xv-button-group-v2.d.ts

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

package/dist/components/xv-button-group-v2.js

@@ -0,0 +1 @@
+import{p as t,H as e,c as i,h as n,a as o,t as s}from"./p-BNP2Lw34.js";const r="xv-button-v2",l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.activeChange=i(this,"activeChange",1),this.variant="horizontal",this.multiple=!1}onSelectionInputChange(){this.syncActive()}componentDidLoad(){this.syncActive()}handleClick(t){var e;const i=null===(e=t.target)||void 0===e?void 0:e.closest(r);i&&this.el.contains(i)&&!i.hasAttribute("disabled")&&this.toggle(this.getItemKey(i))}get items(){return Array.from(this.el.querySelectorAll(r))}getItemKey(t){const e=t.getAttribute("value");return null!==e&&""!==e?e:""+this.items.indexOf(t)}selectedKeys(){const t=this.value;return null==t||""===t?[]:Array.isArray(t)?t.map(String):this.multiple?(""+t).split(",").map((t=>t.trim())).filter(Boolean):[""+t]}toggle(t){if(this.multiple){const e=this.selectedKeys(),i=e.includes(t)?e.filter((e=>e!==t)):[...e,t];this.value=i,this.activeChange.emit(i)}else{if(""+this.value===t)return;this.value=t,this.activeChange.emit(t)}this.syncActive()}syncActive(){const t=this.selectedKeys();this.items.forEach((e=>{t.includes(this.getItemKey(e))?e.setAttribute("active",""):e.removeAttribute("active")}))}render(){return n(o,{key:"564a6861fb468096168e8a4b1833b40808748904",role:"group"},n("slot",{key:"afa1f43abf5dfe2f57b34f3912cb17802d367f99",onSlotchange:()=>this.syncActive()}))}get el(){return this}static get watchers(){return{value:[{onSelectionInputChange:0}],multiple:[{onSelectionInputChange:0}]}}static get style(){return":host{display:inline-flex}:host([variant=vertical]){flex-direction:column}::slotted(xv-button-v2){--xv-button-border-radius:0}::slotted(xv-button-v2:first-child){--xv-button-border-radius:3px 0 0 3px}::slotted(xv-button-v2:last-child){--xv-button-border-radius:0 3px 3px 0}:host([variant=vertical]) ::slotted(xv-button-v2:first-child){--xv-button-border-radius:3px 3px 0 0}:host([variant=vertical]) ::slotted(xv-button-v2:last-child){--xv-button-border-radius:0 0 3px 3px}::slotted(xv-button-v2:only-child){--xv-button-border-radius:3px}::slotted(xv-button-v2:not(:first-child)){margin-inline-start:-1px}:host([variant=vertical]) ::slotted(xv-button-v2:not(:first-child)){margin-block-start:-1px;margin-inline-start:0}::slotted(xv-button-v2[active]),::slotted(xv-button-v2:hover){position:relative;z-index:1}"}},[257,"xv-button-group-v2",{variant:[513],multiple:[516],value:[1025]},[[0,"click","handleClick"]],{value:[{onSelectionInputChange:0}],multiple:[{onSelectionInputChange:0}]}]);function a(){"undefined"!=typeof customElements&&["xv-button-group-v2"].forEach((t=>{"xv-button-group-v2"===t&&(customElements.get(s(t))||customElements.define(s(t),l))}))}a();const u=l,v=a;export{u as XvButtonGroupV2,v as defineCustomElement}

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/xv-content-switcher-item-v2.d.ts

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

package/dist/components/xv-content-switcher-item-v2.js

@@ -0,0 +1 @@
+import{p as t,H as e,h as s,a as n,t as c}from"./p-BNP2Lw34.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1}render(){return s(n,{key:"cb9ff99c11970a332e50a35a734be25e200cd512"},s("slot",{key:"ff69ea509e7c5f281f641ac59672bcd0151164b8"}))}static get style(){return":host{display:block;color:var(--text-primary, #131313);font-family:var(--ff-body, Work Sans), sans-serif;font-size:var(--fz-md, 14px);line-height:20px}"}},[257,"xv-content-switcher-item-v2",{value:[520],label:[513],icon:[513],disabled:[516]}]);function r(){"undefined"!=typeof customElements&&["xv-content-switcher-item-v2"].forEach((t=>{"xv-content-switcher-item-v2"===t&&(customElements.get(c(t))||customElements.define(c(t),o))}))}r();const a=o,i=r;export{a as XvContentSwitcherItemV2,i as defineCustomElement}

package/dist/components/xv-content-switcher-v2.d.ts

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

package/dist/components/xv-content-switcher-v2.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as i,h as s,a as o,t as r}from"./p-BNP2Lw34.js";import{S as n}from"./p-HjYAjHna.js";var c;!function(e){e.SWITCHER="xv-content-switcher-v2",e.ITEM="xv-content-switcher-item-v2"}(c||(c={}));const l={NEXT:["ArrowRight","ArrowDown"],PREV:["ArrowLeft","ArrowUp"],FIRST:["Home"],LAST:["End"]},a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectedChange=i(this,"selectedChange",7),this.size=n.MD,this.iconOnly=!1,this.disabled=!1,this.block=!1,this.controlled=!1,this.items=[],this.collectItems=()=>{if(this.items=Array.from(this.el.querySelectorAll(c.ITEM)),!this.isSelectionValid()){const e=this.items.findIndex((e=>!this.isItemDisabled(e)));-1!==e&&(this.selected=this.getItemKey(this.items[e],e))}},this.handleKeyDown=(e,t)=>{var i,s;const{NEXT:o,PREV:r,FIRST:n,LAST:c}=l;let a=null;if(o.includes(e.key))a=this.findEnabled(t+1,1);else if(r.includes(e.key))a=this.findEnabled(t-1,-1);else if(n.includes(e.key))a=this.findEnabled(0,1);else{if(!c.includes(e.key))return;a=this.findEnabled(this.items.length-1,-1)}if(e.preventDefault(),null===a)return;this.select(this.getItemKey(this.items[a],a));const d=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelectorAll(".switcher_item");null===(s=null==d?void 0:d[a])||void 0===s||s.focus()}}componentWillLoad(){this.collectItems()}componentDidRender(){this.updateItemsState()}getItemKey(e,t){const i=e.getAttribute("value");return null!==i&&""!==i?i:t}isItemDisabled(e){return this.disabled||e.hasAttribute("disabled")}isSelected(e,t){return void 0!==this.selected&&""+this.getItemKey(e,t)==""+this.selected}isSelectionValid(){return this.items.some(((e,t)=>this.isSelected(e,t)))}select(e){this.disabled||""+e==""+this.selected||(this.controlled||(this.selected=e),this.selectedChange.emit(e))}updateItemsState(){this.items.forEach(((e,t)=>{this.isSelected(e,t)?e.classList.add("active"):e.classList.remove("active")}))}findEnabled(e,t){for(let i=e;i>=0&&i<this.items.length;i+=t)if(!this.isItemDisabled(this.items[i]))return i;return null}render(){return s(o,{key:"340dec8c9efea4002712d57295e6de1e3cc1d940"},s("div",{key:"6321f9b3b0ac3ba0f4fd7755060ac67065545f7e",class:"switcher",role:"tablist","aria-orientation":"horizontal"},this.items.map(((e,t)=>{const i=this.getItemKey(e,t),o=this.isSelected(e,t),r=this.isItemDisabled(e),n=e.getAttribute("label")||"",c=e.getAttribute("icon");return s("button",{type:"button",role:"tab",class:{switcher_item:!0,selected:o},"aria-selected":o?"true":"false","aria-label":this.iconOnly&&n||void 0,title:this.iconOnly&&n||void 0,disabled:r,tabIndex:o?0:-1,onClick:()=>this.select(i),onKeyDown:e=>this.handleKeyDown(e,t)},c&&s("i",{class:"switcher_item-icon "+c,"aria-hidden":"true"}),!this.iconOnly&&n&&s("span",{class:"switcher_item-label"},n))}))),s("div",{key:"84ad7c02300e257e0a06e5a5dd8a9b50dd593aa0",class:"switcher_content",role:"tabpanel",tabindex:-1},s("slot",{key:"93407d2acf4804d2825da8851151668d3ef7e566",onSlotchange:this.collectItems})))}get el(){return this}static get style(){return':host{display:inline-block;text-align:left;font-family:var(--ff-body, Work Sans), sans-serif}:host([block]){display:block}:host([block]) .switcher{display:grid}.switcher{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;border:1px solid var(--border-inverse, #131313);border-radius:4px;overflow:hidden}.switcher_item{all:unset;box-sizing:border-box;position:relative;min-width:0;display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--spacing-03, 8px);cursor:pointer;color:var(--text-secondary, #515151);background-color:transparent;font-family:inherit;font-size:var(--fz-md, 14px);font-weight:400;line-height:18px;letter-spacing:0.16px;transition:background-color 0.2s ease, color 0.2s ease}.switcher_item+.switcher_item::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:16px;background-color:var(--border-subtle-01, #d1d1d1)}.switcher_item-icon{display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:var(--icon-primary, #131313)}.switcher_item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switcher_item:hover:not(.selected):not(:disabled){background-color:var(--background-hover, rgba(139, 139, 139, 0.12))}.switcher_item:focus-visible{outline:2px solid var(--focus, #0f62fe);outline-offset:-2px}.switcher_item.selected{background-color:var(--background-inverse, #333333);color:var(--text-inverse, #fff)}.switcher_item.selected .switcher_item-icon{color:var(--icon-on-color, #fff)}.switcher_item.selected:hover{background-color:var(--background-inverse-hover, #515151)}.switcher_item.selected::before,.switcher_item.selected+.switcher_item::before{display:none}.switcher_item:disabled{cursor:not-allowed;color:var(--text-disabled, rgba(19, 19, 19, 0.25))}.switcher_item:disabled .switcher_item-icon{color:var(--icon-disabled, rgba(19, 19, 19, 0.25))}.switcher_item:disabled.selected{background-color:var(--button-disabled, #d1d1d1);color:var(--text-disabled, rgba(19, 19, 19, 0.25))}.switcher_item:disabled.selected .switcher_item-icon{color:var(--icon-on-color-disabled, #8b8b8b)}.switcher_content:focus{outline:none}:host([disabled]) .switcher{border-color:var(--border-disabled, #d1d1d1)}:host([disabled]) .switcher .switcher_item::before{background-color:var(--border-disabled, #d1d1d1)}::slotted(xv-content-switcher-item-v2){display:none}::slotted(xv-content-switcher-item-v2.active){display:block}:host([size=sm]) .switcher_item{padding:7px var(--spacing-05, 16px)}:host(:not([size])) .switcher_item,:host([size=md]) .switcher_item{padding:11px var(--spacing-05, 16px)}:host([size=lg]) .switcher_item{padding:15px var(--spacing-05, 16px)}:host([icon-only]) .switcher_item{justify-content:center;gap:0}:host([icon-only][size=sm]) .switcher_item{padding:8px}:host([icon-only]:not([size])) .switcher_item,:host([icon-only][size=md]) .switcher_item{padding:12px}:host([icon-only][size=lg]) .switcher_item{padding:14px}'}},[257,"xv-content-switcher-v2",{selected:[1544],size:[513],iconOnly:[516,"icon-only"],disabled:[516],block:[516],controlled:[516],items:[32]}]);function d(){"undefined"!=typeof customElements&&["xv-content-switcher-v2"].forEach((e=>{"xv-content-switcher-v2"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))}d();const h=a,b=d;export{h as XvContentSwitcherV2,b as defineCustomElement}

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

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

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

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

package/dist/components/xv-data-table-collapse.d.ts

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

package/dist/components/xv-data-table-collapse.js

@@ -0,0 +1 @@
+import{p as s,H as t,c as e,h as a,a as l,t as o}from"./p-BNP2Lw34.js";import{X as d,a as n}from"./p-SvgdO2VS.js";const c=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.collapsedChange=e(this,"collapsedChange",7),this.collapsed=!1}async setCollapsed(s){return this.collapsed=s,this.collapsedChange.emit(this.collapsed),this.collapsed}componentWillLoad(){this.el.closest(d).querySelectorAll(n).forEach((s=>null==s?void 0:s.setAttribute("collapsable","")))}render(){return a(l,{key:"8af939d58827a45227da4a1fe0633e0a3b71ae4b",id:this.el.id,part:"xv-collapse",class:this.el.className,collapsed:this.collapsed,expanded:!this.collapsed},a("slot",{key:"a85ddac7154a56db6b988cd5180b37bb63933703"}))}get el(){return this}static get style(){return":host([collapsed]){display:none}:host([expanded]){display:contents}"}},[257,"xv-data-table-collapse",{collapsed:[1540],setCollapsed:[64]}]);function i(){"undefined"!=typeof customElements&&["xv-data-table-collapse"].forEach((s=>{"xv-data-table-collapse"===s&&(customElements.get(o(s))||customElements.define(o(s),c))}))}i();const p=c,r=i;export{p as XvDataTableCollapse,r as defineCustomElement}

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

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

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

@@ -0,0 +1 @@
+import{p as e,H as o,c as t,h as r,a,t as s}from"./p-BNP2Lw34.js";import{u as c}from"./index.js";import{X as i,a as l,b as h}from"./p-SvgdO2VS.js";import{d as n}from"./p-Ddx5DwV5.js";import{d}from"./p-ZYJfCCwX.js";import{d as b}from"./p-BRZwUlfE.js";const f=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.check=t(this,"check",7),this.checked=!1,this.partial=!1,this.hover=!1,this.group=!1,this.header=!1,this.footer=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.collapsed=!1,this.reorderable=!1,this.reorderHandleMode="icon",this.collapseClick=async()=>{var e;if(this.collapse&&this.collapseEl){if(this.collapsed){const e=this.el.closest(i);e&&!e.hasAttribute("multiple")&&e.querySelectorAll(l).forEach((e=>{e!==this.el&&e.collapse&&e.close()}))}this.collapsed=!this.collapsed,await(null===(e=this.collapseEl)||void 0===e?void 0:e.setCollapsed(this.collapsed))}},this.setInitialState=()=>{var e,o,t;this.collapse&&!this.collapseEl&&(this.collapseEl=this.el.parentElement.querySelector("xv-data-table-collapse"+this.collapse),this.collapsed=null===(e=this.collapseEl)||void 0===e?void 0:e.hasAttribute("collapsed"));const r=this.el.closest(i);this.hover||(this.hover=null!==(o=null==r?void 0:r.hasAttribute("hover"))&&void 0!==o&&o),this.reorderable=this.el.parentElement===r&&null!==(t=null==r?void 0:r.hasAttribute("reorderable"))&&void 0!==t&&t,this.reorderHandleMode=(null==r?void 0:r.getAttribute("reorder-handle"))||"icon"},this.checkedChangeHandle=({detail:e})=>{!e&&this.partial&&(this.partial=e),this.name||(this.name=c()),this.check.emit({checked:e,name:this.name,value:this.value,partial:this.partial,header:"header"===this.el.slot,footer:"footer"===this.el.slot,expandable:!!this.collapseEl})}}async close(){this.collapseEl&&!this.collapsed&&(this.collapsed=!0,await this.collapseEl.setCollapsed(!0))}render(){const e="header"===this.el.slot||!!this.header,o="footer"===this.el.slot||!!this.footer,t=this.reorderable&&!e&&!o&&!this.group;return r(a,{key:"4fd7bb7caa9bb9721e787b217fb84fea4bfb187d",role:"row",part:"xv-row",class:{checked:this.checked,hover:this.hover,disabled:this.disabled,group:!!this.collapse||!!this.group,header:e,footer:o,"reorder-row":t&&"row"===this.reorderHandleMode}},this.reorderable&&"icon"===this.reorderHandleMode&&r("xv-data-table-cell",{key:"b93084daaa194d89db3c0b8c983347102e2eecf4",width:"16px",class:"cell-control cell-control--drag"},t&&r("span",{key:"1fce5a26ffbb243d571c94ea520bf9cf2bf411b4",class:"cell-control_drag "+h,"aria-label":"Drag to reorder"},r("svg",{key:"0fe289653aecd473581cbf717c98ff806264172e",viewBox:"0 0 8 14",width:"8",height:"14",fill:"currentColor","aria-hidden":"true"},r("circle",{key:"1481d0ec9059920eecc71f34b9f5176411b620e2",cx:"2",cy:"2",r:"1.2"}),r("circle",{key:"aa32060a8e8f0316fda6b8b16b513c079d0e247d",cx:"6",cy:"2",r:"1.2"}),r("circle",{key:"70b832eff5513f4ef361a71b3d4f0675a1d392a7",cx:"2",cy:"7",r:"1.2"}),r("circle",{key:"0df2a305c5f0ffe8645ca04c51bad3f294f85fc1",cx:"6",cy:"7",r:"1.2"}),r("circle",{key:"2892fa59e093496e7df9fbf053f9e37d6c9236bf",cx:"2",cy:"12",r:"1.2"}),r("circle",{key:"c4f64ac7e7dbe5988f2c7ce9fcac752c5c65b8fb",cx:"6",cy:"12",r:"1.2"})))),(!!this.variant||this.collapsable)&&r("xv-data-table-cell",{key:"149a83f701dd9001d7c0d8902533f9eb5ad3fa43",width:this.variant?"16px":"0",class:"cell-control"},!!this.collapse&&r("button",{key:"dcc0b46763c338f32726dbe45042ab48d7ea4a2d",class:{"cell-control_collapse":!0,open:!this.collapsed},onClick:this.collapseClick}),"checkbox"===this.variant&&r("xv-checkbox-v2",{key:"4978b72842a5eefc502ae49f4f2e67edf3bc9543",name:this.name,partial:this.partial,checked:this.checked||this.partial,disabled:this.disabled,readonly:this.readonly,required:this.required,onEventChange:this.checkedChangeHandle,class:"cell-control_checkbox"})),r("slot",{key:"805151ea4a44bc5c9c3345fc65fbec35d4695a33",onSlotchange:this.setInitialState}))}get el(){return this}static get style(){return":host{display:table-row;background-color:var(--xv-data-table-row-bg, transparent);transition:0.2s ease-in-out background-color}:host .cell-control{font-size:8px;max-width:16px;position:relative;padding-left:calc(var(--xv-data-table-padding-x) + var(--xv-data-table-padding-x) + 10px + 1em);overflow:visible}:host .cell-control_collapse{font-size:inherit;width:1em;height:1em;margin:0;padding:0;position:absolute;overflow:visible;background-color:transparent;outline:none;top:calc(50% - 0.7em);left:var(--xv-data-table-padding-x);display:inline-flex;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, 0.2s ease-in-out opacity;cursor:pointer;box-sizing:content-box}:host .cell-control_collapse:active{opacity:0.4}:host .cell-control_collapse.open{transform:rotate(-135deg)}:host .cell-control_checkbox{display:flex}:host .cell-control_drag{position:absolute;top:50%;left:var(--xv-data-table-padding-x);transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;padding:4px;line-height:0;color:var(--icon-secondary, #6f6f6f);cursor:grab;touch-action:none;transition:0.15s ease-in-out color}:host .cell-control_drag:hover{color:var(--icon-primary, #333)}:host .cell-control_drag:active{cursor:grabbing}:host(.reorder-row){cursor:grab}:host(.reorder-row):active{cursor:grabbing}:host(.xv-row-ghost){opacity:0.4;background-color:var(--layer-accent-01, #F7F7F7)}:host(.xv-row-chosen){background-color:var(--layer-hover-01, #E9E9E9)}:host(.xv-row-drag){box-shadow:0 4px 12px rgba(0, 0, 0, 0.12);cursor:grabbing}:host(.hover:not(.header):hover){background-color:var(--layer-hover-01, #E9E9E9)}:host(.checked){background-color:var(--layer-selected-02, #E3E3E3)}:host(.hover.checked:hover){background-color:var(--layer-selected-hover-02, #DADADA)}:host(.group:not(.checked)){background-color:var(--layer-accent-01, #F7F7F7)}:host(.hover.group:not(.checked):hover){background-color:var(--layer-accent-hover-01, #E3E3E3)}:host(.header),:host(.footer),:host(.footer:hover),:host(.footer.hover),:host(.footer.hover:hover){background-color:var(--layer-accent-02, #E3E3E3)}:host(.disabled:not(.header):not(.footer)){opacity:0.5;cursor:not-allowed;user-select:none}"}},[257,"xv-data-table-row",{variant:[1],name:[1025],collapse:[1],collapsable:[516],checked:[1028],partial:[1028],hover:[1028],group:[4],header:[4],footer:[4],disabled:[4],readonly:[4],required:[4],value:[8],collapsed:[32],reorderable:[32],reorderHandleMode:[32],close:[64]}]);function v(){"undefined"!=typeof customElements&&["xv-data-table-row","xv-checkbox-v2","xv-data-table-cell","xv-tooltip-v2"].forEach((e=>{switch(e){case"xv-data-table-row":customElements.get(s(e))||customElements.define(s(e),f);break;case"xv-checkbox-v2":customElements.get(s(e))||n();break;case"xv-data-table-cell":customElements.get(s(e))||d();break;case"xv-tooltip-v2":customElements.get(s(e))||b()}}))}v();const p=f,u=v;export{p as XvDataTableRow,u as defineCustomElement}

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

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

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

@@ -0,0 +1,7 @@
+import{p as t,H as n,c as e,h as i,a as o,t as r}from"./p-BNP2Lw34.js";import{S as a}from"./p-HjYAjHna.js";import{b as s,a as l}from"./p-SvgdO2VS.js";import{d as u}from"./p-Dzz9jxLm.js";
+/**!
+ * Sortable 1.15.7
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */function c(t,n,e){return(n=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,n);if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return t+""}(t,"string");return"symbol"==typeof n?n:n+""}(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function f(){return f=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var i in e)({}).hasOwnProperty.call(e,i)&&(t[i]=e[i])}return t},f.apply(null,arguments)}function d(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,i)}return e}function h(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?d(Object(e),!0).forEach((function(n){c(t,n,e[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):d(Object(e)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))}))}return t}function v(t){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},v(t)}function b(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var m=b(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),p=b(/Edge/i),g=b(/firefox/i),w=b(/safari/i)&&!b(/chrome/i)&&!b(/android/i),x=b(/iP(ad|od|hone)/i),y=b(/chrome/i)&&b(/android/i),E={capture:!1,passive:!1};function S(t,n,e){t.addEventListener(n,e,!m&&E)}function k(t,n,e){t.removeEventListener(n,e,!m&&E)}function T(t,n){if(n){if(">"===n[0]&&(n=n.substring(1)),t)try{if(t.matches)return t.matches(n);if(t.msMatchesSelector)return t.msMatchesSelector(n);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(n)}catch(t){return!1}return!1}}function M(t){return t.host&&t!==document&&t.host.nodeType&&t.host!==t?t.host:t.parentNode}function O(t,n,e,i){if(t){e=e||document;do{if(null!=n&&(">"===n[0]?t.parentNode===e&&T(t,n):T(t,n))||i&&t===e)return t;if(t===e)break}while(t=M(t))}return null}var I,C=/\s+/g;function D(t,n,e){if(t&&n)if(t.classList)t.classList[e?"add":"remove"](n);else{var i=(" "+t.className+" ").replace(C," ").replace(" "+n+" "," ");t.className=(i+(e?" "+n:"")).replace(C," ")}}function _(t,n,e){var i=t&&t.style;if(i){if(void 0===e)return document.defaultView&&document.defaultView.getComputedStyle?e=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(e=t.currentStyle),void 0===n?e:e[n];n in i||-1!==n.indexOf("webkit")||(n="-webkit-"+n),i[n]=e+("string"==typeof e?"":"px")}}function z(t,n){var e="";if("string"==typeof t)e=t;else do{var i=_(t,"transform");i&&"none"!==i&&(e=i+" "+e)}while(!n&&(t=t.parentNode));var o=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return o&&new o(e)}function j(t,n,e){if(t){var i=t.getElementsByTagName(n),o=0,r=i.length;if(e)for(;o<r;o++)e(i[o],o);return i}return[]}function A(){return document.scrollingElement||document.documentElement}function H(t,n,e,i,o){if(t.getBoundingClientRect||t===window){var r,a,s,l,u,c,f;if(t!==window&&t.parentNode&&t!==A()?(a=(r=t.getBoundingClientRect()).top,s=r.left,l=r.bottom,u=r.right,c=r.height,f=r.width):(a=0,s=0,l=window.innerHeight,u=window.innerWidth,c=window.innerHeight,f=window.innerWidth),(n||e)&&t!==window&&(o=o||t.parentNode,!m))do{if(o&&o.getBoundingClientRect&&("none"!==_(o,"transform")||e&&"static"!==_(o,"position"))){var d=o.getBoundingClientRect();a-=d.top+parseInt(_(o,"border-top-width")),s-=d.left+parseInt(_(o,"border-left-width")),l=a+r.height,u=s+r.width;break}}while(o=o.parentNode);if(i&&t!==window){var h=z(o||t),v=h&&h.a,b=h&&h.d;h&&(l=(a/=b)+(c/=b),u=(s/=v)+(f/=v))}return{top:a,left:s,bottom:l,right:u,width:f,height:c}}}function N(t,n,e){for(var i=G(t,!0),o=H(t)[n];i;){if(!(o>=H(i)[e]))return i;if(i===A())break;i=G(i,!1)}return!1}function P(t,n,e,i){for(var o=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==Rt.ghost&&(i||a[r]!==Rt.dragged)&&O(a[r],e.draggable,t,!1)){if(o===n)return a[r];o++}r++}return null}function F(t,n){for(var e=t.lastElementChild;e&&(e===Rt.ghost||"none"===_(e,"display")||n&&!T(e,n));)e=e.previousElementSibling;return e||null}function B(t,n){var e=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===Rt.clone||n&&!T(t,n)||e++;return e}function L(t){var n=0,e=0,i=A();if(t)do{var o=z(t);n+=t.scrollLeft*o.a,e+=t.scrollTop*o.d}while(t!==i&&(t=t.parentNode));return[n,e]}function G(t,n){if(!t||!t.getBoundingClientRect)return A();var e=t,i=!1;do{if(e.clientWidth<e.scrollWidth||e.clientHeight<e.scrollHeight){var o=_(e);if(e.clientWidth<e.scrollWidth&&("auto"==o.overflowX||"scroll"==o.overflowX)||e.clientHeight<e.scrollHeight&&("auto"==o.overflowY||"scroll"==o.overflowY)){if(!e.getBoundingClientRect||e===document.body)return A();if(i||n)return e;i=!0}}}while(e=e.parentNode);return A()}function W(t,n){return Math.round(t.top)===Math.round(n.top)&&Math.round(t.left)===Math.round(n.left)&&Math.round(t.height)===Math.round(n.height)&&Math.round(t.width)===Math.round(n.width)}function Y(t,n){return function(){if(!I){var e=arguments;1===e.length?t.call(this,e[0]):t.apply(this,e),I=setTimeout((function(){I=void 0}),n)}}}function R(t,n,e){t.scrollLeft+=n,t.scrollTop+=e}function V(t){var n=window.Polymer,e=window.jQuery||window.Zepto;return n&&n.dom?n.dom(t).cloneNode(!0):e?e(t).clone(!0)[0]:t.cloneNode(!0)}function X(t,n,e){var i={};return Array.from(t.children).forEach((function(o){var r,a,s,l;if(O(o,n.draggable,t,!1)&&!o.animated&&o!==e){var u=H(o);i.left=Math.min(null!==(r=i.left)&&void 0!==r?r:1/0,u.left),i.top=Math.min(null!==(a=i.top)&&void 0!==a?a:1/0,u.top),i.right=Math.max(null!==(s=i.right)&&void 0!==s?s:-1/0,u.right),i.bottom=Math.max(null!==(l=i.bottom)&&void 0!==l?l:-1/0,u.bottom)}})),i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}var U="Sortable"+(new Date).getTime();var Z=[],$={initializeByDefault:!0},q={mount:function(t){for(var n in $)$.hasOwnProperty(n)&&!(n in t)&&(t[n]=$[n]);Z.forEach((function(n){if(n.pluginName===t.pluginName)throw"Sortable: Cannot mount plugin ".concat(t.pluginName," more than once")})),Z.push(t)},pluginEvent:function(t,n,e){var i=this;this.eventCanceled=!1,e.cancel=function(){i.eventCanceled=!0};var o=t+"Global";Z.forEach((function(i){n[i.pluginName]&&(n[i.pluginName][o]&&n[i.pluginName][o](h({sortable:n},e)),n.options[i.pluginName]&&n[i.pluginName][t]&&n[i.pluginName][t](h({sortable:n},e)))}))},initializePlugins:function(t,n,e){for(var i in Z.forEach((function(i){var o=i.pluginName;if(t.options[o]||i.initializeByDefault){var r=new i(t,n,t.options);r.sortable=t,r.options=t.options,t[o]=r,f(e,r.defaults)}})),t.options)if(t.options.hasOwnProperty(i)){var o=this.modifyOption(t,i,t.options[i]);void 0!==o&&(t.options[i]=o)}},getEventProperties:function(t,n){var e={};return Z.forEach((function(i){"function"==typeof i.eventProperties&&f(e,i.eventProperties.call(n[i.pluginName],t))})),e},modifyOption:function(t,n,e){var i;return Z.forEach((function(o){t[o.pluginName]&&o.optionListeners&&"function"==typeof o.optionListeners[n]&&(i=o.optionListeners[n].call(t[o.pluginName],e))})),i}},J=["evt"],K=function(t,n){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=e.evt,o=function(t,n){if(null==t)return{};var e,i,o=function(t,n){if(null==t)return{};var e={};for(var i in t)if({}.hasOwnProperty.call(t,i)){if(-1!==n.indexOf(i))continue;e[i]=t[i]}return e}(t,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(i=0;i<r.length;i++)-1===n.indexOf(e=r[i])&&{}.propertyIsEnumerable.call(t,e)&&(o[e]=t[e])}return o}(e,J);q.pluginEvent.bind(Rt)(t,n,h({dragEl:tt,parentEl:nt,ghostEl:et,rootEl:it,nextEl:ot,lastDownEl:rt,cloneEl:at,cloneHidden:st,dragStarted:xt,putSortable:ht,activeSortable:Rt.active,originalEvent:i,oldIndex:lt,oldDraggableIndex:ct,newIndex:ut,newDraggableIndex:ft,hideGhostForTarget:Lt,unhideGhostForTarget:Gt,cloneNowHidden:function(){st=!0},cloneNowShown:function(){st=!1},dispatchSortableEvent:function(t){Q({sortable:n,name:t,originalEvent:i})}},o))};function Q(t){!function(t){var n=t.sortable,e=t.rootEl,i=t.name,o=t.targetEl,r=t.cloneEl,a=t.toEl,s=t.fromEl,l=t.oldIndex,u=t.newIndex,c=t.oldDraggableIndex,f=t.newDraggableIndex,d=t.originalEvent,v=t.putSortable,b=t.extraEventProperties;if(n=n||e&&e[U]){var g,w=n.options,x="on"+i.charAt(0).toUpperCase()+i.substr(1);!window.CustomEvent||m||p?(g=document.createEvent("Event")).initEvent(i,!0,!0):g=new CustomEvent(i,{bubbles:!0,cancelable:!0}),g.to=a||e,g.from=s||e,g.item=o||e,g.clone=r,g.oldIndex=l,g.newIndex=u,g.oldDraggableIndex=c,g.newDraggableIndex=f,g.originalEvent=d,g.pullMode=v?v.lastPutMode:void 0;var y=h(h({},b),q.getEventProperties(i,n));for(var E in y)g[E]=y[E];e&&e.dispatchEvent(g),w[x]&&w[x].call(n,g)}}(h({putSortable:ht,cloneEl:at,targetEl:tt,rootEl:it,oldIndex:lt,oldDraggableIndex:ct,newIndex:ut,newDraggableIndex:ft},t))}var tt,nt,et,it,ot,rt,at,st,lt,ut,ct,ft,dt,ht,vt,bt,mt,pt,gt,wt,xt,yt,Et,St,kt,Tt=!1,Mt=!1,Ot=[],It=!1,Ct=!1,Dt=[],_t=!1,zt=[],jt="undefined"!=typeof document,At=x,Ht=p||m?"cssFloat":"float",Nt=jt&&!y&&!x&&"draggable"in document.createElement("div"),Pt=function(){if(jt){if(m)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),Ft=function(t,n){var e=_(t),i=parseInt(e.width)-parseInt(e.paddingLeft)-parseInt(e.paddingRight)-parseInt(e.borderLeftWidth)-parseInt(e.borderRightWidth),o=P(t,0,n),r=P(t,1,n),a=o&&_(o),s=r&&_(r),l=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+H(o).width,u=s&&parseInt(s.marginLeft)+parseInt(s.marginRight)+H(r).width;return"flex"===e.display?"column"===e.flexDirection||"column-reverse"===e.flexDirection?"vertical":"horizontal":"grid"===e.display?e.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal":o&&a.float&&"none"!==a.float?!r||"both"!==s.clear&&s.clear!==("left"===a.float?"left":"right")?"horizontal":"vertical":o&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||l>=i&&"none"===e[Ht]||r&&"none"===e[Ht]&&l+u>i)?"vertical":"horizontal"},Bt=function(t){function n(t,e){return function(i,o,r,a){if(null==t&&(e||i.options.group.name&&o.options.group.name&&i.options.group.name===o.options.group.name))return!0;if(null==t||!1===t)return!1;if(e&&"clone"===t)return t;if("function"==typeof t)return n(t(i,o,r,a),e)(i,o,r,a);var s=(e?i:o).options.group.name;return!0===t||"string"==typeof t&&t===s||t.join&&t.indexOf(s)>-1}}var e={},i=t.group;i&&"object"==v(i)||(i={name:i}),e.name=i.name,e.checkPull=n(i.pull,!0),e.checkPut=n(i.put),e.revertClone=i.revertClone,t.group=e},Lt=function(){!Pt&&et&&_(et,"display","none")},Gt=function(){!Pt&&et&&_(et,"display","")};jt&&!y&&document.addEventListener("click",(function(t){if(Mt)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),Mt=!1,!1}),!0);var Wt=function(t){if(tt){var n=function(t,n){var e;return Ot.some((function(i){var o=i[U].options.emptyInsertThreshold;if(o&&!F(i)){var r=H(i);return t>=r.left-o&&t<=r.right+o&&n>=r.top-o&&n<=r.bottom+o?e=i:void 0}})),e}((t=t.touches?t.touches[0]:t).clientX,t.clientY);if(n){var e={};for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i]);e.target=e.rootEl=n,e.preventDefault=void 0,e.stopPropagation=void 0,n[U]._onDragOver(e)}}},Yt=function(t){tt&&tt.parentNode[U]._isOutsideThisEl(t.target)};function Rt(t,n){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=n=f({},n),t[U]=this;var e={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return Ft(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,n){t.setData("Text",n.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==Rt.supportPointer&&"PointerEvent"in window&&(!w||x),emptyInsertThreshold:5};for(var i in q.initializePlugins(this,t,e),e)!(i in n)&&(n[i]=e[i]);for(var o in Bt(n),this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!n.forceFallback&&Nt,this.nativeDraggable&&(this.options.touchStartThreshold=1),n.supportPointer?S(t,"pointerdown",this._onTapStart):(S(t,"mousedown",this._onTapStart),S(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(S(t,"dragover",this),S(t,"dragenter",this)),Ot.push(this.el),n.store&&n.store.get&&this.sort(n.store.get(this)||[]),f(this,function(){var t,n=[];return{captureAnimationState:function(){n=[],this.options.animation&&[].slice.call(this.el.children).forEach((function(t){if("none"!==_(t,"display")&&t!==Rt.ghost){n.push({target:t,rect:H(t)});var e=h({},n[n.length-1].rect);if(t.thisAnimationDuration){var i=z(t,!0);i&&(e.top-=i.f,e.left-=i.e)}t.fromRect=e}}))},addAnimationState:function(t){n.push(t)},removeAnimationState:function(t){n.splice(function(t,n){for(var e in t)if(t.hasOwnProperty(e))for(var i in n)if(n.hasOwnProperty(i)&&n[i]===t[e][i])return Number(e);return-1}(n,{target:t}),1)},animateAll:function(e){var i=this;if(!this.options.animation)return clearTimeout(t),void("function"==typeof e&&e());var o=!1,r=0;n.forEach((function(t){var n=0,e=t.target,a=e.fromRect,s=H(e),l=e.prevFromRect,u=e.prevToRect,c=t.rect,f=z(e,!0);f&&(s.top-=f.f,s.left-=f.e),e.toRect=s,e.thisAnimationDuration&&W(l,s)&&!W(a,s)&&(c.top-s.top)/(c.left-s.left)==(a.top-s.top)/(a.left-s.left)&&(n=function(t,n,e,i){return Math.sqrt(Math.pow(n.top-t.top,2)+Math.pow(n.left-t.left,2))/Math.sqrt(Math.pow(n.top-e.top,2)+Math.pow(n.left-e.left,2))*i.animation}(c,l,u,i.options)),W(s,a)||(e.prevFromRect=a,e.prevToRect=s,n||(n=i.options.animation),i.animate(e,c,s,n)),n&&(o=!0,r=Math.max(r,n),clearTimeout(e.animationResetTimer),e.animationResetTimer=setTimeout((function(){e.animationTime=0,e.prevFromRect=null,e.fromRect=null,e.prevToRect=null,e.thisAnimationDuration=null}),n),e.thisAnimationDuration=n)})),clearTimeout(t),o?t=setTimeout((function(){"function"==typeof e&&e()}),r):"function"==typeof e&&e(),n=[]},animate:function(t,n,e,i){if(i){_(t,"transition",""),_(t,"transform","");var o=z(this.el),r=(n.left-e.left)/(o&&o.a||1),a=(n.top-e.top)/(o&&o.d||1);t.animatingX=!!r,t.animatingY=!!a,_(t,"transform","translate3d("+r+"px,"+a+"px,0)"),this.forRepaintDummy=function(t){return t.offsetWidth}(t),_(t,"transition","transform "+i+"ms"+(this.options.easing?" "+this.options.easing:"")),_(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout((function(){_(t,"transition",""),_(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1}),i)}}}}())}function Vt(t,n,e,i,o,r,a,s){var l,u,c=t[U],f=c.options.onMove;return!window.CustomEvent||m||p?(l=document.createEvent("Event")).initEvent("move",!0,!0):l=new CustomEvent("move",{bubbles:!0,cancelable:!0}),l.to=n,l.from=t,l.dragged=e,l.draggedRect=i,l.related=o||n,l.relatedRect=r||H(n),l.willInsertAfter=s,l.originalEvent=a,t.dispatchEvent(l),f&&(u=f.call(c,l,a)),u}function Xt(t){t.draggable=!1}function Ut(){_t=!1}function Zt(t){for(var n=t.tagName+t.className+t.src+t.href+t.textContent,e=n.length,i=0;e--;)i+=n.charCodeAt(e);return i.toString(36)}function $t(t){return setTimeout(t,0)}function qt(t){return clearTimeout(t)}Rt.prototype={constructor:Rt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(yt=null)},_getDirection:function(t,n){return"function"==typeof this.options.direction?this.options.direction.call(this,t,n,tt):this.options.direction},_onTapStart:function(t){if(t.cancelable){var n=this,e=this.el,i=this.options,o=i.preventOnFilter,r=t.type,a=t.touches&&t.touches[0]||t.pointerType&&"touch"===t.pointerType&&t,s=(a||t).target,l=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||s,u=i.filter;if(function(t){zt.length=0;for(var n=t.getElementsByTagName("input"),e=n.length;e--;){var i=n[e];i.checked&&zt.push(i)}}(e),!tt&&!(/mousedown|pointerdown/.test(r)&&0!==t.button||i.disabled)&&!l.isContentEditable&&(this.nativeDraggable||!w||!s||"SELECT"!==s.tagName.toUpperCase())&&!((s=O(s,i.draggable,e,!1))&&s.animated||rt===s)){if(lt=B(s),ct=B(s,i.draggable),"function"==typeof u){if(u.call(this,t,s,this))return Q({sortable:n,rootEl:l,name:"filter",targetEl:s,toEl:e,fromEl:e}),K("filter",n,{evt:t}),void(o&&t.preventDefault())}else if(u&&(u=u.split(",").some((function(i){if(i=O(l,i.trim(),e,!1))return Q({sortable:n,rootEl:i,name:"filter",targetEl:s,fromEl:e,toEl:e}),K("filter",n,{evt:t}),!0}))))return void(o&&t.preventDefault());i.handle&&!O(l,i.handle,e,!1)||this._prepareDragStart(t,a,s)}}},_prepareDragStart:function(t,n,e){var i,o=this,r=o.el,a=o.options,s=r.ownerDocument;if(e&&!tt&&e.parentNode===r){var l=H(e);if(it=r,nt=(tt=e).parentNode,ot=tt.nextSibling,rt=e,dt=a.group,Rt.dragged=tt,gt=(vt={target:tt,clientX:(n||t).clientX,clientY:(n||t).clientY}).clientX-l.left,wt=vt.clientY-l.top,this._lastX=(n||t).clientX,this._lastY=(n||t).clientY,tt.style["will-change"]="all",i=function(){K("delayEnded",o,{evt:t}),Rt.eventCanceled?o._onDrop():(o._disableDelayedDragEvents(),!g&&o.nativeDraggable&&(tt.draggable=!0),o._triggerDragStart(t,n),Q({sortable:o,name:"choose",originalEvent:t}),D(tt,a.chosenClass,!0))},a.ignore.split(",").forEach((function(t){j(tt,t.trim(),Xt)})),S(s,"dragover",Wt),S(s,"mousemove",Wt),S(s,"touchmove",Wt),a.supportPointer?(S(s,"pointerup",o._onDrop),!this.nativeDraggable&&S(s,"pointercancel",o._onDrop)):(S(s,"mouseup",o._onDrop),S(s,"touchend",o._onDrop),S(s,"touchcancel",o._onDrop)),g&&this.nativeDraggable&&(this.options.touchStartThreshold=4,tt.draggable=!0),K("delayStart",this,{evt:t}),!a.delay||a.delayOnTouchOnly&&!n||this.nativeDraggable&&(p||m))i();else{if(Rt.eventCanceled)return void this._onDrop();a.supportPointer?(S(s,"pointerup",o._disableDelayedDrag),S(s,"pointercancel",o._disableDelayedDrag)):(S(s,"mouseup",o._disableDelayedDrag),S(s,"touchend",o._disableDelayedDrag),S(s,"touchcancel",o._disableDelayedDrag)),S(s,"mousemove",o._delayedDragTouchMoveHandler),S(s,"touchmove",o._delayedDragTouchMoveHandler),a.supportPointer&&S(s,"pointermove",o._delayedDragTouchMoveHandler),o._dragStartTimer=setTimeout(i,a.delay)}}},_delayedDragTouchMoveHandler:function(t){var n=t.touches?t.touches[0]:t;Math.max(Math.abs(n.clientX-this._lastX),Math.abs(n.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){tt&&Xt(tt),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;k(t,"mouseup",this._disableDelayedDrag),k(t,"touchend",this._disableDelayedDrag),k(t,"touchcancel",this._disableDelayedDrag),k(t,"pointerup",this._disableDelayedDrag),k(t,"pointercancel",this._disableDelayedDrag),k(t,"mousemove",this._delayedDragTouchMoveHandler),k(t,"touchmove",this._delayedDragTouchMoveHandler),k(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,n){n=n||"touch"==t.pointerType&&t,!this.nativeDraggable||n?S(document,this.options.supportPointer?"pointermove":n?"touchmove":"mousemove",this._onTouchMove):(S(tt,"dragend",this),S(it,"dragstart",this._onDragStart));try{document.selection?$t((function(){document.selection.empty()})):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,n){if(Tt=!1,it&&tt){K("dragStarted",this,{evt:n}),this.nativeDraggable&&S(document,"dragover",Yt);var e=this.options;!t&&D(tt,e.dragClass,!1),D(tt,e.ghostClass,!0),Rt.active=this,t&&this._appendGhost(),Q({sortable:this,name:"start",originalEvent:n})}else this._nulling()},_emulateDragOver:function(){if(bt){this._lastX=bt.clientX,this._lastY=bt.clientY,Lt();for(var t=document.elementFromPoint(bt.clientX,bt.clientY),n=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(bt.clientX,bt.clientY))!==n;)n=t;if(tt.parentNode[U]._isOutsideThisEl(t),n)do{if(n[U]&&n[U]._onDragOver({clientX:bt.clientX,clientY:bt.clientY,target:t,rootEl:n})&&!this.options.dragoverBubble)break;t=n}while(n=M(n));Gt()}},_onTouchMove:function(t){if(vt){var n=this.options,e=n.fallbackTolerance,i=n.fallbackOffset,o=t.touches?t.touches[0]:t,r=et&&z(et,!0),a=et&&r&&r.a,s=et&&r&&r.d,l=At&&kt&&L(kt),u=(o.clientX-vt.clientX+i.x)/(a||1)+(l?l[0]-Dt[0]:0)/(a||1),c=(o.clientY-vt.clientY+i.y)/(s||1)+(l?l[1]-Dt[1]:0)/(s||1);if(!Rt.active&&!Tt){if(e&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))<e)return;this._onDragStart(t,!0)}if(et){r?(r.e+=u-(mt||0),r.f+=c-(pt||0)):r={a:1,b:0,c:0,d:1,e:u,f:c};var f="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")");_(et,"webkitTransform",f),_(et,"mozTransform",f),_(et,"msTransform",f),_(et,"transform",f),mt=u,pt=c,bt=o}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!et){var t=this.options.fallbackOnBody?document.body:it,n=H(tt,!0,At,!0,t),e=this.options;if(At){for(kt=t;"static"===_(kt,"position")&&"none"===_(kt,"transform")&&kt!==document;)kt=kt.parentNode;kt!==document.body&&kt!==document.documentElement?(kt===document&&(kt=A()),n.top+=kt.scrollTop,n.left+=kt.scrollLeft):kt=A(),Dt=L(kt)}D(et=tt.cloneNode(!0),e.ghostClass,!1),D(et,e.fallbackClass,!0),D(et,e.dragClass,!0),_(et,"transition",""),_(et,"transform",""),_(et,"box-sizing","border-box"),_(et,"margin",0),_(et,"top",n.top),_(et,"left",n.left),_(et,"width",n.width),_(et,"height",n.height),_(et,"opacity","0.8"),_(et,"position",At?"absolute":"fixed"),_(et,"zIndex","100000"),_(et,"pointerEvents","none"),Rt.ghost=et,t.appendChild(et),_(et,"transform-origin",gt/parseInt(et.style.width)*100+"% "+wt/parseInt(et.style.height)*100+"%")}},_onDragStart:function(t,n){var e=this,i=t.dataTransfer,o=e.options;K("dragStart",this,{evt:t}),Rt.eventCanceled?this._onDrop():(K("setupClone",this),Rt.eventCanceled||((at=V(tt)).removeAttribute("id"),at.draggable=!1,at.style["will-change"]="",this._hideClone(),D(at,this.options.chosenClass,!1),Rt.clone=at),e.cloneId=$t((function(){K("clone",e),Rt.eventCanceled||(e.options.removeCloneOnHide||it.insertBefore(at,tt),e._hideClone(),Q({sortable:e,name:"clone"}))})),!n&&D(tt,o.dragClass,!0),n?(Mt=!0,e._loopId=setInterval(e._emulateDragOver,50)):(k(document,"mouseup",e._onDrop),k(document,"touchend",e._onDrop),k(document,"touchcancel",e._onDrop),i&&(i.effectAllowed="move",o.setData&&o.setData.call(e,i,tt)),S(document,"drop",e),_(tt,"transform","translateZ(0)")),Tt=!0,e._dragStartId=$t(e._dragStarted.bind(e,n,t)),S(document,"selectstart",e),xt=!0,window.getSelection().removeAllRanges(),w&&_(document.body,"user-select","none"))},_onDragOver:function(t){var n,e,i,o,r=this.el,a=t.target,s=this.options,l=s.group,u=Rt.active,c=dt===l,f=s.sort,d=ht||u,v=this,b=!1;if(!_t){if(void 0!==t.preventDefault&&t.cancelable&&t.preventDefault(),a=O(a,s.draggable,r,!0),j("dragOver"),Rt.eventCanceled)return b;if(tt.contains(t.target)||a.animated&&a.animatingX&&a.animatingY||v._ignoreWhileAnimating===a)return L(!1);if(Mt=!1,u&&!s.disabled&&(c?f||(i=nt!==it):ht===this||(this.lastPutMode=dt.checkPull(this,u,tt,t))&&l.checkPut(this,u,tt,t))){if(o="vertical"===this._getDirection(t,a),n=H(tt),j("dragOverValid"),Rt.eventCanceled)return b;if(i)return nt=it,A(),this._hideClone(),j("revert"),Rt.eventCanceled||(ot?it.insertBefore(tt,ot):it.appendChild(tt)),L(!0);var m=F(r,s.draggable);if(!m||function(t,n,e){var i=H(F(e.el,e.options.draggable)),o=X(e.el,e.options,et);return n?t.clientX>o.right+10||t.clientY>i.bottom&&t.clientX>i.left:t.clientY>o.bottom+10||t.clientX>i.right&&t.clientY>i.top}(t,o,this)&&!m.animated){if(m===tt)return L(!1);if(m&&r===t.target&&(a=m),a&&(e=H(a)),!1!==Vt(it,r,tt,n,a,e,t,!!a))return A(),m&&m.nextSibling?r.insertBefore(tt,m.nextSibling):r.appendChild(tt),nt=r,G(),L(!0)}else if(m&&function(t,n,e){var i=H(P(e.el,0,e.options,!0)),o=X(e.el,e.options,et);return n?t.clientX<o.left-10||t.clientY<i.top&&t.clientX<i.right:t.clientY<o.top-10||t.clientY<i.bottom&&t.clientX<i.left}(t,o,this)){var p=P(r,0,s,!0);if(p===tt)return L(!1);if(e=H(a=p),!1!==Vt(it,r,tt,n,a,e,t,!1))return A(),r.insertBefore(tt,p),nt=r,G(),L(!0)}else if(a.parentNode===r){e=H(a);var g,w,x,y=tt.parentNode!==r,E=!function(t,n,e){var i=e?t.left:t.top,o=e?n.left:n.top;return i===o||(e?t.right:t.bottom)===(e?n.right:n.bottom)||i+(e?t.width:t.height)/2===o+(e?n.width:n.height)/2}(tt.animated&&tt.toRect||n,a.animated&&a.toRect||e,o),S=o?"top":"left",k=N(a,"top","top")||N(tt,"top","top"),T=k?k.scrollTop:void 0;if(yt!==a&&(w=e[S],It=!1,Ct=!E&&s.invertSwap||y),g=function(t,n,e,i,o,r,a,s){var l=i?t.clientY:t.clientX,u=i?e.height:e.width,c=i?e.top:e.left,f=i?e.bottom:e.right,d=!1;if(!a)if(s&&St<u*o){if(!It&&(1===Et?l>c+u*r/2:l<f-u*r/2)&&(It=!0),It)d=!0;else if(1===Et?l<c+St:l>f-St)return-Et}else if(l>c+u*(1-o)/2&&l<f-u*(1-o)/2)return function(t){return B(tt)<B(t)?1:-1}(n);return(d=d||a)&&(l<c+u*r/2||l>f-u*r/2)?l>c+u/2?1:-1:0}(t,a,e,o,E?1:s.swapThreshold,null==s.invertedSwapThreshold?s.swapThreshold:s.invertedSwapThreshold,Ct,yt===a),0!==g){var M=B(tt);do{x=nt.children[M-=g]}while(x&&("none"===_(x,"display")||x===et))}if(0===g||x===a)return L(!1);yt=a,Et=g;var I=a.nextElementSibling,C=!1,z=Vt(it,r,tt,n,a,e,t,C=1===g);if(!1!==z)return 1!==z&&-1!==z||(C=1===z),_t=!0,setTimeout(Ut,30),A(),C&&!I?r.appendChild(tt):a.parentNode.insertBefore(tt,C?I:a),k&&R(k,0,T-k.scrollTop),nt=tt.parentNode,void 0===w||Ct||(St=Math.abs(w-H(a)[S])),G(),L(!0)}if(r.contains(tt))return L(!1)}return!1}function j(s,l){K(s,v,h({evt:t,isOwner:c,axis:o?"vertical":"horizontal",revert:i,dragRect:n,targetRect:e,canSort:f,fromSortable:d,target:a,completed:L,onMove:function(e,i){return Vt(it,r,tt,n,e,H(e),t,i)},changed:G},l))}function A(){j("dragOverAnimationCapture"),v.captureAnimationState(),v!==d&&d.captureAnimationState()}function L(n){return j("dragOverCompleted",{insertion:n}),n&&(c?u._hideClone():u._showClone(v),v!==d&&(D(tt,ht?ht.options.ghostClass:u.options.ghostClass,!1),D(tt,s.ghostClass,!0)),ht!==v&&v!==Rt.active?ht=v:v===Rt.active&&ht&&(ht=null),d===v&&(v._ignoreWhileAnimating=a),v.animateAll((function(){j("dragOverAnimationComplete"),v._ignoreWhileAnimating=null})),v!==d&&(d.animateAll(),d._ignoreWhileAnimating=null)),(a===tt&&!tt.animated||a===r&&!a.animated)&&(yt=null),s.dragoverBubble||t.rootEl||a===document||(tt.parentNode[U]._isOutsideThisEl(t.target),!n&&Wt(t)),!s.dragoverBubble&&t.stopPropagation&&t.stopPropagation(),b=!0}function G(){ut=B(tt),ft=B(tt,s.draggable),Q({sortable:v,name:"change",toEl:r,newIndex:ut,newDraggableIndex:ft,originalEvent:t})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){k(document,"mousemove",this._onTouchMove),k(document,"touchmove",this._onTouchMove),k(document,"pointermove",this._onTouchMove),k(document,"dragover",Wt),k(document,"mousemove",Wt),k(document,"touchmove",Wt)},_offUpEvents:function(){var t=this.el.ownerDocument;k(t,"mouseup",this._onDrop),k(t,"touchend",this._onDrop),k(t,"pointerup",this._onDrop),k(t,"pointercancel",this._onDrop),k(t,"touchcancel",this._onDrop),k(document,"selectstart",this)},_onDrop:function(t){var n=this.el,e=this.options;ut=B(tt),ft=B(tt,e.draggable),K("drop",this,{evt:t}),nt=tt&&tt.parentNode,ut=B(tt),ft=B(tt,e.draggable),Rt.eventCanceled||(Tt=!1,Ct=!1,It=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),qt(this.cloneId),qt(this._dragStartId),this.nativeDraggable&&(k(document,"drop",this),k(n,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),w&&_(document.body,"user-select",""),_(tt,"transform",""),t&&(xt&&(t.cancelable&&t.preventDefault(),!e.dropBubble&&t.stopPropagation()),et&&et.parentNode&&et.parentNode.removeChild(et),(it===nt||ht&&"clone"!==ht.lastPutMode)&&at&&at.parentNode&&at.parentNode.removeChild(at),tt&&(this.nativeDraggable&&k(tt,"dragend",this),Xt(tt),tt.style["will-change"]="",xt&&!Tt&&D(tt,ht?ht.options.ghostClass:this.options.ghostClass,!1),D(tt,this.options.chosenClass,!1),Q({sortable:this,name:"unchoose",toEl:nt,newIndex:null,newDraggableIndex:null,originalEvent:t}),it!==nt?(ut>=0&&(Q({rootEl:nt,name:"add",toEl:nt,fromEl:it,originalEvent:t}),Q({sortable:this,name:"remove",toEl:nt,originalEvent:t}),Q({rootEl:nt,name:"sort",toEl:nt,fromEl:it,originalEvent:t}),Q({sortable:this,name:"sort",toEl:nt,originalEvent:t})),ht&&ht.save()):ut!==lt&&ut>=0&&(Q({sortable:this,name:"update",toEl:nt,originalEvent:t}),Q({sortable:this,name:"sort",toEl:nt,originalEvent:t})),Rt.active&&(null!=ut&&-1!==ut||(ut=lt,ft=ct),Q({sortable:this,name:"end",toEl:nt,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){K("nulling",this),it=tt=nt=et=ot=at=rt=st=vt=bt=xt=ut=ft=lt=ct=yt=Et=ht=dt=Rt.dragged=Rt.ghost=Rt.clone=Rt.active=null;var t=this.el;zt.forEach((function(n){t.contains(n)&&(n.checked=!0)})),zt.length=mt=pt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":tt&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move"),t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,n=[],e=this.el.children,i=0,o=e.length,r=this.options;i<o;i++)O(t=e[i],r.draggable,this.el,!1)&&n.push(t.getAttribute(r.dataIdAttr)||Zt(t));return n},sort:function(t,n){var e={},i=this.el;this.toArray().forEach((function(t,n){var o=i.children[n];O(o,this.options.draggable,i,!1)&&(e[t]=o)}),this),n&&this.captureAnimationState(),t.forEach((function(t){e[t]&&(i.removeChild(e[t]),i.appendChild(e[t]))})),n&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,n){return O(t,n||this.options.draggable,this.el,!1)},option:function(t,n){var e=this.options;if(void 0===n)return e[t];var i=q.modifyOption(this,t,n);e[t]=void 0!==i?i:n,"group"===t&&Bt(e)},destroy:function(){K("destroy",this);var t=this.el;t[U]=null,k(t,"mousedown",this._onTapStart),k(t,"touchstart",this._onTapStart),k(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(k(t,"dragover",this),k(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")})),this._onDrop(),this._disableDelayedDragEvents(),Ot.splice(Ot.indexOf(this.el),1),this.el=t=null},_hideClone:function(){if(!st){if(K("hideClone",this),Rt.eventCanceled)return;_(at,"display","none"),this.options.removeCloneOnHide&&at.parentNode&&at.parentNode.removeChild(at),st=!0}},_showClone:function(t){if("clone"===t.lastPutMode){if(st){if(K("showClone",this),Rt.eventCanceled)return;tt.parentNode!=it||this.options.group.revertClone?ot?it.insertBefore(at,ot):it.appendChild(at):it.insertBefore(at,tt),this.options.group.revertClone&&this.animate(tt,at),_(at,"display",""),st=!1}}else this._hideClone()}},jt&&S(document,"touchmove",(function(t){(Rt.active||Tt)&&t.cancelable&&t.preventDefault()})),Rt.utils={on:S,off:k,css:_,find:j,is:function(t,n){return!!O(t,n,t,!1)},extend:function(t,n){if(t&&n)for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e]);return t},throttle:Y,closest:O,toggleClass:D,clone:V,index:B,nextTick:$t,cancelNextTick:qt,detectDirection:Ft,getChild:P,expando:U},Rt.get=function(t){return t[U]},Rt.mount=function(){for(var t=arguments.length,n=Array(t),e=0;e<t;e++)n[e]=arguments[e];n[0].constructor===Array&&(n=n[0]),n.forEach((function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(Rt.utils=h(h({},Rt.utils),t.utils)),q.mount(t)}))},Rt.create=function(t,n){return new Rt(t,n)},Rt.version="1.15.7";var Jt,Kt,Qt,tn,nn,en,on=[],rn=!1;function an(){on.forEach((function(t){clearInterval(t.pid)})),on=[]}function sn(){clearInterval(en)}var ln=Y((function(t,n,e,i){if(n.scroll){var o,r=(t.touches?t.touches[0]:t).clientX,a=(t.touches?t.touches[0]:t).clientY,s=n.scrollSensitivity,l=n.scrollSpeed,u=A(),c=!1;Kt!==e&&(Kt=e,an(),o=n.scrollFn,!0===(Jt=n.scroll)&&(Jt=G(e,!0)));var f=0,d=Jt;do{var h=d,v=H(h),b=v.top,m=v.bottom,p=v.left,g=v.right,w=v.width,x=v.height,y=void 0,E=void 0,S=h.scrollWidth,k=h.scrollHeight,T=_(h),M=h.scrollLeft,O=h.scrollTop;h===u?(y=w<S&&("auto"===T.overflowX||"scroll"===T.overflowX||"visible"===T.overflowX),E=x<k&&("auto"===T.overflowY||"scroll"===T.overflowY||"visible"===T.overflowY)):(y=w<S&&("auto"===T.overflowX||"scroll"===T.overflowX),E=x<k&&("auto"===T.overflowY||"scroll"===T.overflowY));var I=y&&(Math.abs(g-r)<=s&&M+w<S)-(Math.abs(p-r)<=s&&!!M),C=E&&(Math.abs(m-a)<=s&&O+x<k)-(Math.abs(b-a)<=s&&!!O);if(!on[f])for(var D=0;D<=f;D++)on[D]||(on[D]={});on[f].vx==I&&on[f].vy==C&&on[f].el===h||(on[f].el=h,on[f].vx=I,on[f].vy=C,clearInterval(on[f].pid),0==I&&0==C||(c=!0,on[f].pid=setInterval(function(){i&&0===this.layer&&Rt.active._onTouchMove(nn);var n=on[this.layer].vy?on[this.layer].vy*l:0,e=on[this.layer].vx?on[this.layer].vx*l:0;"function"==typeof o&&"continue"!==o.call(Rt.dragged.parentNode[U],e,n,t,nn,on[this.layer].el)||R(on[this.layer].el,e,n)}.bind({layer:f}),24))),f++}while(n.bubbleScroll&&d!==u&&(d=G(d,!1)));rn=c}}),30),un=function(t){var n=t.originalEvent,e=t.putSortable,i=t.dragEl,o=t.dispatchSortableEvent,r=t.unhideGhostForTarget;if(n){var a=e||t.activeSortable;(0,t.hideGhostForTarget)();var s=n.changedTouches&&n.changedTouches.length?n.changedTouches[0]:n,l=document.elementFromPoint(s.clientX,s.clientY);r(),a&&!a.el.contains(l)&&(o("spill"),this.onSpill({dragEl:i,putSortable:e}))}};function cn(){}function fn(){}cn.prototype={startIndex:null,dragStart:function(t){this.startIndex=t.oldDraggableIndex},onSpill:function(t){var n=t.dragEl,e=t.putSortable;this.sortable.captureAnimationState(),e&&e.captureAnimationState();var i=P(this.sortable.el,this.startIndex,this.options);i?this.sortable.el.insertBefore(n,i):this.sortable.el.appendChild(n),this.sortable.animateAll(),e&&e.animateAll()},drop:un},f(cn,{pluginName:"revertOnSpill"}),fn.prototype={onSpill:function(t){var n=t.dragEl,e=t.putSortable||this.sortable;e.captureAnimationState(),n.parentNode&&n.parentNode.removeChild(n),e.animateAll()},drop:un},f(fn,{pluginName:"removeOnSpill"}),Rt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){var n=t.originalEvent;this.sortable.nativeDraggable?S(document,"dragover",this._handleAutoScroll):S(document,this.options.supportPointer?"pointermove":n.touches?"touchmove":"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){var n=t.originalEvent;this.options.dragOverBubble||n.rootEl||this._handleAutoScroll(n)},drop:function(){this.sortable.nativeDraggable?k(document,"dragover",this._handleAutoScroll):(k(document,"pointermove",this._handleFallbackAutoScroll),k(document,"touchmove",this._handleFallbackAutoScroll),k(document,"mousemove",this._handleFallbackAutoScroll)),sn(),an(),clearTimeout(I),I=void 0},nulling:function(){nn=Kt=Jt=rn=en=Qt=tn=null,on.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(t,n){var e=this,i=(t.touches?t.touches[0]:t).clientX,o=(t.touches?t.touches[0]:t).clientY,r=document.elementFromPoint(i,o);if(nn=t,n||this.options.forceAutoScrollFallback||p||m||w){ln(t,this.options,r,n);var a=G(r,!0);!rn||en&&i===Qt&&o===tn||(en&&sn(),en=setInterval((function(){var r=G(document.elementFromPoint(i,o),!0);r!==a&&(a=r,an()),ln(t,e.options,r,n)}),10),Qt=i,tn=o)}else{if(!this.options.bubbleScroll||G(r,!0)===A())return void an();ln(t,this.options,G(r,!1),!1)}}},f(t,{pluginName:"scroll",initializeByDefault:!0})}),Rt.mount(fn,cn);const dn=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.reorderChange=e(this,"reorderChange",7),this.size=a.MD,this.columnWidths=[],this.multiple=!0,this.hover=!1,this.reorderable=!1,this.reorderHandle="icon",this.dragPrevSibling=null,this.dragStartBodyIndex=-1,this.initSortable=()=>{this.sortable||(this.sortable=new Rt(this.el,{animation:150,easing:"cubic-bezier(0.4, 0, 0.2, 1)",draggable:l,filter:this.sortableFilter,preventOnFilter:!1,ghostClass:"xv-row-ghost",chosenClass:"xv-row-chosen",dragClass:"xv-row-drag",fallbackOnBody:!0,onStart:t=>{var n;const e=t.item;null===(n=e.close)||void 0===n||n.call(e),this.dragPrevSibling=e.previousElementSibling,this.dragStartBodyIndex=this.getBodyRowIndex(e)},onEnd:t=>{const n=t.item,e=this.getBodyRowIndex(n),i=this.dragStartBodyIndex;this.revertDom(n),this.dragPrevSibling=null,this.dragStartBodyIndex=-1,i<0||e<0||i===e||this.reorderChange.emit({from:i,to:e})}}))},this.sortableFilter=(t,n)=>{var e,i,o,r;const a=null===(e=null==n?void 0:n.getAttribute)||void 0===e?void 0:e.call(n,"slot");if("header"===a||"footer"===a)return!0;if((null==n?void 0:n.header)||(null==n?void 0:n.footer)||(null==n?void 0:n.group))return!0;if("icon"===this.reorderHandle){const n=(null!==(r=null===(o=(i=t).composedPath)||void 0===o?void 0:o.call(i))&&void 0!==r?r:[]).some((t=>{var n,e;return null===(e=null===(n=null==t?void 0:t.classList)||void 0===n?void 0:n.contains)||void 0===e?void 0:e.call(n,s)}));if(!n)return!0}return!1},this.destroySortable=()=>{var t;null===(t=this.sortable)||void 0===t||t.destroy(),this.sortable=void 0},this.revertDom=t=>{this.dragPrevSibling&&this.dragPrevSibling.parentNode===this.el?this.dragPrevSibling.after(t):this.el.insertBefore(t,this.el.firstChild)},this.getBodyRowIndex=t=>Array.from(this.el.children).filter((t=>t.tagName.toLowerCase()===l&&!t.hasAttribute("slot"))).indexOf(t)}componentDidLoad(){this.reorderable&&this.initSortable()}disconnectedCallback(){this.destroySortable()}reorderableChanged(t){t?this.initSortable():this.destroySortable()}reorderHandleChanged(){this.reorderable&&(this.destroySortable(),this.initSortable())}render(){return i(o,{key:"978ce4b1f029f03f85120f3152e133eb22cb6a6d",class:"xv-data-table"},i("caption",{key:"cd68b30b7efba28d162fe77e6adadc35ea9b9195"},i("slot",{key:"c3a55f68843eda292ba900079491052388b8af74",name:"title"})),i("div",{key:"b39572bf1f1b9a46a1e0f65a77f6f1c56a158b1b",class:"bar"},i("div",{key:"1fd5315db45fb706b0aa8a9f976796ef112c6af8",class:"bar_batch"},i("slot",{key:"cec708bf21550533e145218969fda30d3f5c28db",name:"batch"})),i("div",{key:"3125d415d430b9580bc6b7318049c1b0d6aaf573",class:"bar_toolbar"},i("slot",{key:"612019e627d90c2ea80ded40079edff0f77bd864",name:"toolbar"}))),i("table",{key:"6560e24be3b10b2c7356a7124fdda44c73eb2933",role:"table"},this.columnWidths.length>0&&i("colgroup",{key:"956bc160e9bdd01a4973429e66d6284343236032"},this.columnWidths.map(((t="auto")=>i("col",{style:{width:t}})))),i("thead",{key:"0067f1696ea7d2dcee140203fd592fa30fa612d7"},i("slot",{key:"2541725b0915d78b47a76ad7f7e1f85ba59627cd",name:"header"})),i("tbody",{key:"0c3cc92db56195a65cb86b6b29e5655711f1d4fb"},i("slot",{key:"47fc5d9aa20e26e893260baeb1d74b85bb82fde0"})),i("tfoot",{key:"0d023a9e2200c6bacc34f471d422f110a5aaf651"},i("slot",{key:"6ff037fd6ebafaf4ccea8548be8f5735e94632f4",name:"footer"}))),!!this.loading&&i("div",{key:"a5920df0a42e3377e2b5c96631b005a8895a9190",class:"loading"},i("xv-loader-v2",{key:"35a3c0b01440fb14880f7308b9b721ca81219810",size:a.LG})))}get el(){return this}static get watchers(){return{reorderable:[{reorderableChanged:0}],reorderHandle:[{reorderHandleChanged:0}]}}static get style(){return':host{--xv-data-table-min-height:51.11px;--xv-data-table-border-width:1px;--xv-data-table-border-color:var(--border-subtle-01, #D1D1D1);--xv-data-table-padding-x:var(--spacing-05, 16px);--xv-data-table-padding-y:var(--spacing-05, 16px);--xv-data-table-row-bg:transparent;width:inherit;text-align:left;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);line-height:18px;letter-spacing:0.16px}@media screen and (max-width: 1180px){:host{display:block;position:relative;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--layer-accent-03) transparent}:host ::slotted([slot=title]),:host>table{min-width:1180px}}:host .bar{position:sticky;left:0;z-index:10}:host .bar_batch{position:absolute;bottom:0;left:0;right:0;pointer-events:unset;user-select:unset;z-index:2;background-color:var(--interactive-01, #273435);color:var(--text-on-color, #fff);border-radius:3px 3px 0 0;display:flex;align-items:center}:host .bar_toolbar{z-index:1;border-radius:3px 3px 0 0}:host ::slotted([slot=title]){margin:0 !important;color:var(--text-primary, #333) !important;font-family:var(--ff-heading, "Gill Sans"), sans-serif;font-size:20px;text-align:left;font-style:normal !important;font-weight:400;line-height:normal;padding:var(--spacing-05) var(--spacing-05) var(--spacing-06) !important}:host ::slotted([slot=toolbar]){margin-bottom:var(--spacing-03)}:host>table{width:inherit;border-collapse:collapse;table-layout:fixed;border-left:1px solid var(--xv-data-table-border-color);border-right:1px solid var(--xv-data-table-border-color)}:host>caption{display:contents}:host .loading{z-index:10;display:flex;align-items:center;justify-content:center;min-height:var(--xv-data-table-min-height, 51.11px);position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.8)}:host([block]){width:100%}:host([block])>table{table-layout:fixed}:host([size=xs]){--xv-data-table-padding-x:var(--spacing-02, 4px);--xv-data-table-padding-y:var(--spacing-02, 4px)}:host([size=sm]){--xv-data-table-padding-x:var(--spacing-04, 12px);--xv-data-table-padding-y:var(--spacing-03, 8px)}:host([size=md]){--xv-data-table-padding-x:var(--spacing-05, 16px);--xv-data-table-padding-y:var(--spacing-05, 16px)}:host([size=lg]){--xv-data-table-padding-x:var(--spacing-05, 16px);--xv-data-table-padding-y:var(--spacing-06, 24px)}:host([size=xl]){--xv-data-table-padding-x:var(--spacing-06, 24px);--xv-data-table-padding-y:var(--spacing-07, 32px)}'}},[257,"xv-data-table",{size:[1],block:[520],loading:[4],columnWidths:[16],multiple:[516],hover:[4],reorderable:[516],reorderHandle:[513,"reorder-handle"]},void 0,{reorderable:[{reorderableChanged:0}],reorderHandle:[{reorderHandleChanged:0}]}]);function hn(){"undefined"!=typeof customElements&&["xv-data-table","xv-loader-v2"].forEach((t=>{switch(t){case"xv-data-table":customElements.get(r(t))||customElements.define(r(t),dn);break;case"xv-loader-v2":customElements.get(r(t))||u()}}))}hn();const vn=dn,bn=hn;export{vn as XvDataTable,bn as defineCustomElement}

package/dist/components/xv-date-picker.d.ts

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

package/dist/components/xv-date-picker.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as i,h as s,F as r,a,t as o}from"./p-BNP2Lw34.js";import{a as n,l}from"./p-BiiqsbVQ.js";import{S as d}from"./p-HjYAjHna.js";import{r as h}from"./index.js";import{d as c}from"./p-COoj5JkZ.js";import{d as p}from"./p-Dzz9jxLm.js";import{c as u}from"./p-BfP9ezJQ.js";const b=12,m=e=>{if(!e)return;if(e instanceof Date)return n.isValid(e)?e:void 0;const t=n.parseISO(e);return n.isValid(t)?t:void 0},v=(e,t)=>{const i=e.getFullYear();if("year"===t)return i;const s=e.getMonth()+1;return"month"===t?100*i+s:1e4*i+100*s+e.getDate()},f=(e,t,i)=>{var s;const r=v(e,t);return void 0!==i.minKey&&r<i.minKey||void 0!==i.maxKey&&r>i.maxKey||!!(null===(s=i.disabledKeys)||void 0===s?void 0:s.has(r))||!("day"!==t||!i.disabledWeekdays)&&i.disabledWeekdays.includes(e.getDay())},g=(e,t,i,s,r)=>{const a=v(e,t);return{key:a,date:e,disabled:f(e,t,i),outside:r,today:a===s}},y=e=>Math.floor(e.getFullYear()/b)*b,x={de:l.de,en:l.enUS},k={year:"month",month:"day",day:"day"},w={day:"month",month:"year",year:"year"},_=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=i(this,"valueChange",7),this.xvBlur=i(this,"xvBlur",7),this.openChange=i(this,"openChange",7),this.internals=this.attachInternals(),this.value=[void 0,void 0],this.selection="single",this.precision="day",this.withTime=!1,this.minuteStep=5,this.weekStartsOn=1,this.showWeekNumbers=!0,this.required=!1,this.readonly=!1,this.disabled=!1,this.loading=!1,this.clearable=!1,this.size=d.MD,this.block=!1,this.placement="bottom-start",this.offset=8,this.dates=[void 0,void 0],this.open=!1,this.view="day",this.anchor=new Date,this.active="start",this.dayRows=[],this.unitCells=[],this.weekdays=[],this.focusedDate=new Date,this.bounds={},this.inputs={},this.pendingCellFocus=!1,this.handleFieldClick=e=>{if(!this.isInteractive)return;const t=this.endpointOf(e.target);this.active=null!=t?t:this.dates[0]&&"range"===this.selection?"end":"start",this.open||(this.open=!0),t||this.focusEndpoint(this.active)},this.handleFieldKeydown=e=>{if(this.isInteractive){if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault();const t=this.endpointOf(e.target);return t&&(this.active=t),this.open=!0,void("ArrowDown"===e.key&&(this.pendingCellFocus=!0))}"Escape"===e.key&&this.open&&(this.open=!1)}},this.handlePanelKeydown=e=>{"Escape"===e.key&&(e.stopPropagation(),this.open=!1,this.focusEndpoint(this.active))},this.handleGridKeydown=e=>{const t="day"===this.view?7:3;switch(e.key){case"ArrowLeft":this.moveFocus(-1);break;case"ArrowRight":this.moveFocus(1);break;case"ArrowUp":this.moveFocus(-t);break;case"ArrowDown":this.moveFocus(t);break;case"Home":this.setFocusedDate(this.edgeOfRow("start"),1);break;case"End":this.setFocusedDate(this.edgeOfRow("end"),-1);break;case"PageUp":this.stepFocus(-1);break;case"PageDown":this.stepFocus(1);break;default:return}e.preventDefault()},this.handleTimeChange=(e,t)=>{const[i,s]=e.target.value.split(":").map(Number);if(!Number.isFinite(i)||!Number.isFinite(s))return;const r="end"===t?1:0,a=this.dates[r];if(!a)return;const o=new Date(a);o.setHours(i,s,0,0);const n=[this.dates[0],this.dates[1]];n[r]=o,n[0]&&n[1]&&n[0].getTime()>n[1].getTime()&&(n[0===r?1:0]=new Date(o)),this.commit(n)},this.handleClear=e=>{e.stopPropagation(),this.commit([void 0,void 0]),this.active="start"}}get dateLocale(){var e;const t=this.locale||(null===(e=this.el.closest("[lang]"))||void 0===e?void 0:e.getAttribute("lang"))||"de";return x[t]||x[t.split("-")[0]]||l.de}get isInteractive(){return!this.disabled&&!this.readonly&&!this.loading}componentWillLoad(){this.syncValue(),this.view=this.precision,this.anchor=this.dates[0]||new Date,this.rebuildWeekdays(),this.rebuild()}componentDidRender(){this.pendingCellFocus&&(this.pendingCellFocus=!1,this.focusCell())}disconnectedCallback(){this.destroyPopper(),this.unbindDismiss()}syncValue(){const e=(e=>[m(null==e?void 0:e[0]),m(null==e?void 0:e[1])])(this.value),[t,i]=e,[s,r]=this.dates;(null==t?void 0:t.getTime())===(null==s?void 0:s.getTime())&&(null==i?void 0:i.getTime())===(null==r?void 0:r.getTime())||(this.dates=e,this.syncFormValue(),this.valueChange.emit(e))}rebuildWeekdays(){const e=n.startOfWeek(new Date,{weekStartsOn:this.weekStartsOn});this.weekdays=Array.from({length:7},((t,i)=>n.format(n.addDays(e,i),"EEEEEE",{locale:this.dateLocale})))}resetView(){this.view=this.precision}rebuild(){if(this.bounds=(e=>{const{precision:t,min:i,max:s,disabledDates:r,disabledWeekdays:a}=e,o=m(i),n=m(s),l=(null!=r?r:[]).map((e=>m(e))).filter((e=>!!e)).map((e=>v(e,t)));return{minKey:o&&v(o,t),maxKey:n&&v(n,t),disabledKeys:l.length?new Set(l):void 0,disabledWeekdays:(null==a?void 0:a.length)?a:void 0}})({precision:this.view,min:this.min,max:this.max,disabledDates:this.disabledDates,disabledWeekdays:this.disabledWeekdays}),"day"===this.view)return this.dayRows=((e,t,i)=>{const s=n.startOfWeek(n.startOfMonth(e),{weekStartsOn:t}),r=v(new Date,"day");return Array.from({length:6},((t,a)=>{const o=Array.from({length:7},((t,o)=>{const l=n.addDays(s,7*a+o);return g(l,"day",i,r,!n.isSameMonth(l,e))}));return{number:n.getISOWeek(o[0].date),cells:o}}))})(this.anchor,this.weekStartsOn,this.bounds),void(this.unitCells=[]);this.dayRows=[],this.unitCells="month"===this.view?((e,t)=>{const i=v(new Date,"month");return Array.from({length:12},((s,r)=>g(new Date(e.getFullYear(),r,1),"month",t,i,!1)))})(this.anchor,this.bounds):((e,t)=>{const i=y(this.anchor),s=v(new Date,"year");return Array.from({length:b},((e,r)=>g(new Date(i+r,0,1),"year",t,s,!1)))})(0,this.bounds)}openWatcher(){if(this.openChange.emit(this.open),this.open)return this.view=this.precision,this.anchor=this.dates["end"===this.active?1:0]||this.dates[0]||new Date,this.focusedDate=this.anchor,requestAnimationFrame((()=>this.createPopper())),void this.bindDismiss();this.destroyPopper(),this.unbindDismiss(),this.xvBlur.emit(this.dates)}syncFormValue(){var e;if("function"!=typeof(null===(e=this.internals)||void 0===e?void 0:e.setFormValue))return;const[t,i]=this.dates;if(!t&&!i)return void this.internals.setFormValue(null);if("single"===this.selection)return void this.internals.setFormValue((null!=t?t:i).toISOString());const s=new FormData;t&&s.append("start",t.toISOString()),i&&s.append("end",i.toISOString()),this.internals.setFormValue(s)}commit(e){this.value=e}handleCellClick(e){if(e.disabled)return;if(this.view!==this.precision)return this.anchor=e.date,void(this.view=k[this.view]);const t=(e=>{const{value:t,picked:i,active:s,selection:r,precision:a,withTime:o}=e,[n,l]=t,d=((e,t)=>"year"===t?new Date(e.getFullYear(),0,1):new Date(e.getFullYear(),e.getMonth(),"month"===t?1:e.getDate()))(i,a),h=e=>o?((e,t)=>{if(!e)return t;const i=new Date(t);return i.setHours(e.getHours(),e.getMinutes(),0,0),i})(e,d):d,c=(e,t)=>o?e.getTime()-t.getTime():v(e,a)-v(t,a),p=e=>[e,new Date(e)];if("single"===r)return{value:[h(n),void 0],active:"start",complete:!0};if("end"===s&&n){const e=h(l);return{value:c(e,n)<0?p(e):[n,e],active:"end",complete:!0}}if("start"===s&&l){const e=h(n);return{value:c(e,l)>0?p(e):[e,l],active:"start",complete:!0}}return{value:[h(n),void 0],active:"end",complete:!1}})({value:this.dates,picked:e.date,active:this.active,selection:this.selection,precision:this.precision,withTime:this.withTime});if(e.outside&&(this.anchor=e.date),this.commit(t.value),this.active=t.active,t.complete&&(!this.withTime||"day"!==this.precision))return this.open=!1,void this.focusEndpoint(this.active);t.complete||this.focusEndpoint(t.active)}addUnits(e,t){return"day"===this.view?n.addDays(e,t):"month"===this.view?n.addMonths(e,t):n.addYears(e,t)}moveFocus(e){this.setFocusedDate(this.addUnits(this.focusedDate,e),e>0?1:-1)}stepFocus(e){if(e<0?!this.canStepBack:!this.canStepForward)return;const t="day"===this.view?n.addMonths(this.focusedDate,e):n.addYears(this.focusedDate,"month"===this.view?e:e*b);this.step(e),this.focusedDate=t,this.pendingCellFocus=!0}edgeOfRow(e){if("day"===this.view)return"start"===e?n.startOfWeek(this.focusedDate,{weekStartsOn:this.weekStartsOn}):n.endOfWeek(this.focusedDate,{weekStartsOn:this.weekStartsOn});const t=this.unitCells,i="start"===e?t[0]:t[t.length-1];return i?i.date:this.focusedDate}setFocusedDate(e,t){let i=e;if(t){for(let e=0;e<60&&f(i,this.view,this.bounds);e++)i=this.addUnits(i,t);if(f(i,this.view,this.bounds))return}this.focusedDate=i,this.pendingCellFocus=!0,this.hasCell(i)||(this.anchor=i)}hasCell(e){const t=v(e,this.view);return"day"===this.view?this.dayRows.some((e=>e.cells.some((e=>e.key===t)))):this.unitCells.some((e=>e.key===t))}focusCell(){var e;const t=v(this.focusedDate,this.view),i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(`[data-key="${t}"]`);"function"==typeof(null==i?void 0:i.focus)&&i.focus()}endpointOf(e){return this.inputs.start&&e===this.inputs.start?"start":this.inputs.end&&e===this.inputs.end?"end":void 0}focusEndpoint(e){this.active="range"===this.selection?e:"start";const t=this.inputs[this.active];"function"==typeof(null==t?void 0:t.focus)&&t.focus()}step(e){this.anchor="day"===this.view?n.addMonths(this.anchor,e):n.addYears(this.anchor,"month"===this.view?e:e*b)}get canStepBack(){return void 0===this.bounds.minKey||("day"===this.view?v(n.endOfMonth(n.addMonths(this.anchor,-1)),"day")>=this.bounds.minKey:"month"===this.view?v(n.endOfYear(n.addYears(this.anchor,-1)),"month")>=this.bounds.minKey:y(this.anchor)-1>=this.bounds.minKey)}get canStepForward(){return void 0===this.bounds.maxKey||("day"===this.view?v(n.addMonths(this.anchor,1),"day")<=this.bounds.maxKey:"month"===this.view?v(n.addYears(this.anchor,1),"month")<=this.bounds.maxKey:y(this.anchor)+b<=this.bounds.maxKey)}bindDismiss(){this.dismiss||(this.dismiss=e=>{this.containsTarget(e)||(this.open=!1)},document.addEventListener("click",this.dismiss,!0))}containsTarget(e){var t;if("function"==typeof e.composedPath&&e.composedPath().includes(this.el))return!0;const i=e.target;return!!i&&(this.el.contains(i)||!!(null===(t=this.el.shadowRoot)||void 0===t?void 0:t.contains(i)))}unbindDismiss(){this.dismiss&&(document.removeEventListener("click",this.dismiss,!0),this.dismiss=void 0)}createPopper(){this.fieldEl&&this.panelEl&&(this.popper=u(this.fieldEl,this.panelEl,{strategy:"fixed",placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,this.offset]}}]}))}destroyPopper(){var e;null===(e=this.popper)||void 0===e||e.destroy(),this.popper=void 0}formatValue(e){if(!e)return"";return n.format(e,"year"===this.precision?"yyyy":"month"===this.precision?"LLLL yyyy":this.withTime?"P p":"P",{locale:this.dateLocale})}headerLabel(){const e=this.dateLocale;if("day"===this.view)return n.format(this.anchor,"LLLL yyyy",{locale:e});if("month"===this.view)return n.format(this.anchor,"yyyy",{locale:e});const t=y(this.anchor);return`${t} – ${t+b-1}`}cellLabel(e){return"day"===this.view?""+e.date.getDate():"month"===this.view?n.format(e.date,"LLL",{locale:this.dateLocale}):""+e.date.getFullYear()}cellState(e){const[t,i]=this.dates,s=t&&v(t,this.view),r=i&&v(i,this.view),a=e.key===s||e.key===r;return{selected:a,inRange:!a&&"range"===this.selection&&void 0!==s&&void 0!==r&&e.key>s&&e.key<r}}renderField(e){const t="end"===e,i=t?this.labelEnd:this.labelStart||this.label,r=this.dates[t?1:0],a=this.clearable&&(t||"single"===this.selection)&&!(!this.dates[0]&&!this.dates[1]);return s("label",{class:"field_item",part:"field-item"},i&&s("span",{class:"field_label",part:"label"},i,this.required&&" *"),s("span",{class:{field_control:!0,active:this.open&&"range"===this.selection&&this.active===e},part:"input-wrapper"},s("input",{type:"text",readonly:!0,part:"input",class:"field_input",role:"combobox","aria-expanded":""+this.open,"aria-haspopup":"dialog",disabled:this.disabled||this.loading,placeholder:this.placeholder,value:this.formatValue(r),ref:t=>this.inputs[e]=t}),a?s("button",{type:"button",class:"field_clear",part:"clear",tabindex:"-1",onClick:this.handleClear},"×"):s("span",{class:"field_icon",part:"icon","aria-hidden":"true"})))}renderHeader(){return s("div",{class:"panel_header",part:"header"},s("xv-button-v2",{variant:"ghost",size:d.SM,disabled:!this.canStepBack,onClick:()=>this.step(-1)},s("span",{slot:"icon-left",class:"panel_chevron prev"})),s("button",{type:"button",class:"panel_title",part:"header-title",disabled:"year"===this.view,onClick:()=>this.view=w[this.view]},this.headerLabel()),s("xv-button-v2",{variant:"ghost",size:d.SM,disabled:!this.canStepForward,onClick:()=>this.step(1)},s("span",{slot:"icon-left",class:"panel_chevron next"})))}renderCell(e,t){const i=this.cellState(e);return s("button",{type:"button",part:"cell",role:"gridcell","data-key":e.key,"aria-selected":""+i.selected,"aria-label":this.cellAriaLabel(e),tabindex:this.open&&e.key===t?"0":"-1",disabled:e.disabled,class:{panel_cell:!0,selected:i.selected,inRange:i.inRange,today:e.today,outside:e.outside},onClick:()=>this.handleCellClick(e)},this.cellLabel(e))}cellAriaLabel(e){return n.format(e.date,"year"===this.view?"yyyy":"month"===this.view?"LLLL yyyy":"PPPP",{locale:this.dateLocale})}renderDayGrid(e){return s(r,null,s("div",{class:{panel_row:!0,weekdays:!0,numbered:this.showWeekNumbers},part:"weekdays",role:"row"},this.showWeekNumbers&&s("span",{class:"panel_week",role:"columnheader"}),this.weekdays.map((e=>s("span",{class:"panel_weekday",role:"columnheader"},e)))),this.dayRows.map((t=>s("div",{class:{panel_row:!0,numbered:this.showWeekNumbers},role:"row"},this.showWeekNumbers&&s("span",{class:"panel_week",role:"rowheader"},t.number),t.cells.map((t=>this.renderCell(t,e)))))))}renderTime(){return s("div",{class:"panel_time",part:"time"},("range"===this.selection?["start","end"]:["start"]).map((e=>{const t="end"===e?this.labelEnd:this.labelStart||this.label,i=this.dates["end"===e?1:0];return s("label",{class:"panel_time-item"},t&&s("span",{class:"panel_time-label"},t),s("input",{type:"time",part:"time-input",step:60*this.minuteStep,disabled:!i,value:i?n.format(i,"HH:mm"):"",onChange:t=>this.handleTimeChange(t,e)}))})))}render(){const e=h({error:this.error,warning:this.warning,helper:this.helper}),t=this.withTime&&"day"===this.precision,i=v(this.focusedDate,this.view);return s(a,{key:"37bccd82d64c236ee180bffe73fafc243dd8aad8",class:{disabled:this.disabled,loading:this.loading,readonly:this.readonly}},s("div",{key:"a9b1ab7fa33a81bcbf691e8ee1f835b23c930f2a",class:"control",part:"control"},s("div",{key:"41a0e21d63569785e1c482619d1ed6d63118a2d5",class:{field:!0,range:"range"===this.selection,error:!!this.error,warning:!!this.warning},part:"field",ref:e=>this.fieldEl=e,onClick:this.handleFieldClick,onKeyDown:this.handleFieldKeydown},this.renderField("start"),"range"===this.selection&&this.renderField("end")),e&&s("p",{key:"2c85920edc6707b2fba8be39b89f6ed0191de481",class:{control_message:!0,[e.level]:!0},part:"message"},e.text)),s("div",{key:"e7e807b22608683cc48c97c493000bc1fcf65559",class:{panel:!0,open:this.open},part:"panel",role:"dialog",ref:e=>this.panelEl=e,onKeyDown:this.handlePanelKeydown},this.renderHeader(),s("div",{key:"6d467a8b1ec52981b71e69942f1d6a6b4928c930",class:{panel_grid:!0,[this.view]:!0},part:"grid",role:"grid",onKeyDown:this.handleGridKeydown},"day"===this.view?this.renderDayGrid(i):this.unitCells.map((e=>this.renderCell(e,i)))),t&&this.renderTime(),s("slot",{key:"83818b65fff9f51ef3dd559c3d7b97e7511ecc03",name:"footer"})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{syncValue:0}],locale:[{rebuildWeekdays:0}],weekStartsOn:[{rebuildWeekdays:0},{rebuild:0}],precision:[{resetView:0}],anchor:[{rebuild:0}],view:[{rebuild:0}],min:[{rebuild:0}],max:[{rebuild:0}],disabledDates:[{rebuild:0}],disabledWeekdays:[{rebuild:0}],open:[{openWatcher:0}]}}static get style(){return":host{--xv-date-picker-height:40px;--xv-date-picker-cell-size:40px;--xv-date-picker-panel-width:auto;--xv-date-picker-fields-direction:row;display:inline-block;font-family:var(--ff-body), sans-serif;font-size:var(--fz-md, 14px)}:host([block]){display:block}:host([block]) .field_item{flex:1 1 0;min-width:0}.control{display:flex;flex-direction:column;row-gap:var(--spacing-02, 4px);text-align:left}.field{display:flex;align-items:flex-end;flex-direction:var(--xv-date-picker-fields-direction, row);gap:var(--spacing-03, 8px)}.field_item{display:flex;flex-direction:column;row-gap:var(--spacing-03, 8px);min-width:0}.field_label{color:var(--text-secondary, #515151);font-size:var(--fz-sm, 12px);font-weight:400;letter-spacing:0.32px}.field_control{position:relative;display:flex;align-items:center;box-sizing:border-box;height:var(--xv-date-picker-height);border:1px solid var(--border-subtle-01, #D1D1D1);border-radius:3px;outline:2px solid transparent;background-color:transparent;transition:250ms ease-in-out border-color, 250ms ease-in-out outline-color}.field_control:hover{border-color:var(--border-subtle-selected-01, #8B8B8B)}.field_control:focus-within,.field_control.active{border-color:var(--border-subtle-selected-01, #8B8B8B);outline-color:var(--focus, #273435)}.field_input{flex:1 1 0;min-width:0;height:100%;box-sizing:border-box;padding:0 var(--spacing-05, 16px);border:none;outline:none;background-color:transparent;color:var(--text-primary, #131313);font-family:inherit;font-size:1em;letter-spacing:0.16px;cursor:pointer;text-overflow:ellipsis}.field_input::placeholder{color:var(--text-placeholder, #ACACAC)}.field_icon,.field_clear{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:var(--spacing-05, 16px);color:var(--icon-primary, #131313)}.field_icon{background-color:currentColor;mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11zm0-13H5V6h14v1z'/%3E%3C/svg%3E\");mask-size:cover}.field_clear{padding:0;border:none;border-radius:50%;background:none;font-size:16px;line-height:1;cursor:pointer}.field_clear:hover{background-color:var(--layer-hover-01, #E9E9E9)}.field.error .field_control{border-color:var(--support-error, #F1290E);outline-color:var(--support-error, #F1290E)}.field.warning .field_control{border-color:var(--support-warning, #FF7F04)}.control_message{margin:0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);letter-spacing:0.32px}.control_message.error{color:var(--text-error, #D62512)}.control_message.warning{color:var(--support-warning, #FF7F04)}:host(.readonly) .field_control{background-color:var(--field-01, #F7F7F7)}:host(.readonly) .field_control:hover{border-color:var(--border-subtle-01, #D1D1D1)}:host(.readonly) .field_input{color:var(--text-secondary, #515151);cursor:default}:host(.disabled) .field_label,:host(.disabled) .field_input,:host(.disabled) .control_message:not(.error){color:var(--text-disabled, rgba(19, 19, 19, 0.25))}:host(.disabled) .field_control{cursor:not-allowed}:host(.disabled) .field_control:hover{border-color:var(--border-subtle-01, #D1D1D1)}:host(.disabled) .field_icon{opacity:0.4}:host(.loading) .field_control{border-color:transparent;background-color:var(--field-01, #F7F7F7);background-image:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);background-size:200% 100%;background-repeat:no-repeat;animation:xv-date-picker-shimmer 1.2s ease-in-out infinite}:host(.loading) .field_input,:host(.loading) .field_icon{visibility:hidden}@keyframes xv-date-picker-shimmer{from{background-position:-100% 0}to{background-position:100% 0}}.panel{display:none;z-index:12;box-sizing:border-box;width:var(--xv-date-picker-panel-width);padding:var(--spacing-03, 8px);border-radius:3px;background-color:var(--layer-02, #fff);box-shadow:0 4px 8px 3px rgba(39, 52, 53, 0.15), 0 1px 3px 0 rgba(39, 52, 53, 0.3)}.panel.open{display:block}.panel_header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:var(--spacing-03, 8px)}.panel_title{padding:var(--spacing-02, 4px);border:none;border-radius:3px;background:none;color:var(--text-primary, #131313);font-family:inherit;font-size:1em;font-weight:700;letter-spacing:0.16px;text-transform:capitalize;cursor:pointer}.panel_title:hover:not(:disabled){background-color:var(--layer-hover-01, #E9E9E9)}.panel_title:disabled{cursor:default}.panel_chevron{display:inline-block;padding:4px;border:solid currentColor;border-width:0 2px 2px 0}.panel_chevron.prev{transform:translate(2px) rotate(135deg)}.panel_chevron.next{transform:translate(-2px) rotate(-45deg)}.panel_row{display:grid;grid-template-columns:repeat(7, var(--xv-date-picker-cell-size))}.panel_row.numbered{grid-template-columns:repeat(8, var(--xv-date-picker-cell-size))}.panel_week,.panel_weekday{display:inline-flex;align-items:center;justify-content:center;height:var(--xv-date-picker-cell-size);color:var(--text-secondary, #515151);font-size:var(--fz-sm, 12px)}.panel_grid.month,.panel_grid.year{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--spacing-02, 4px);min-width:calc(var(--xv-date-picker-cell-size) * 6)}.panel_time{display:flex;gap:var(--spacing-03, 8px);margin-top:var(--spacing-03, 8px);padding-top:var(--spacing-03, 8px);border-top:1px solid var(--border-subtle-01, #D1D1D1)}.panel_time-item{display:flex;flex:1 1 0;flex-direction:column;row-gap:var(--spacing-02, 4px);min-width:0}.panel_time-label{color:var(--text-secondary, #515151);font-size:var(--fz-sm, 12px)}.panel_time input[type=time]{box-sizing:border-box;width:100%;height:32px;padding:0 var(--spacing-03, 8px);border:1px solid var(--border-subtle-01, #D1D1D1);border-radius:3px;outline:2px solid transparent;background-color:transparent;color:var(--text-primary, #131313);font-family:inherit;font-size:var(--fz-sm, 12px)}.panel_time input[type=time]:hover:not(:disabled){border-color:var(--border-subtle-selected-01, #8B8B8B)}.panel_time input[type=time]:focus{outline-color:var(--focus, #273435)}.panel_time input[type=time]:disabled{color:var(--text-disabled, rgba(19, 19, 19, 0.25));background-color:var(--field-01, #F7F7F7)}.panel_time input[type=time]::-webkit-datetime-edit-hour-field,.panel_time input[type=time]::-webkit-datetime-edit-minute-field,.panel_time input[type=time]::-webkit-datetime-edit-ampm-field{padding:0 2px;border-radius:2px}.panel_time input[type=time]:focus::-webkit-datetime-edit-hour-field,.panel_time input[type=time]:focus::-webkit-datetime-edit-minute-field,.panel_time input[type=time]:focus::-webkit-datetime-edit-ampm-field{background-color:var(--highlight-01, #CEDE94) !important;color:var(--text-primary, #131313) !important}.panel_time input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0.5;transition:150ms ease-in-out opacity}.panel_time input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.panel_cell{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;height:var(--xv-date-picker-cell-size);padding:0;border:none;outline:none;background-color:transparent;color:var(--text-primary, #131313);font-family:inherit;font-size:1em;letter-spacing:0.16px;cursor:pointer;transition:150ms ease-in-out background-color, 150ms ease-in-out color}.panel_cell:hover:not(:disabled){background-color:var(--layer-hover-01, #E9E9E9)}.panel_cell:focus-visible:not(:disabled){outline:1px solid var(--focus, #273435)}.panel_cell.inRange:not(:disabled){background-color:var(--highlight-01, #CEDE94)}.panel_cell.selected{background-color:var(--button-primary, #273435);color:var(--text-on-color, #fff)}.panel_cell.selected:hover{background-color:var(--button-primary-hover, #303F40)}.panel_cell.today{font-weight:700}.panel_cell.today:after{content:\"\";position:absolute;bottom:4px;left:calc(50% - 2px);width:4px;height:4px;border-radius:2px;background-color:currentColor}.panel_cell.outside:not(.selected){color:var(--text-placeholder, #ACACAC)}.panel_cell:disabled{color:var(--text-disabled, rgba(19, 19, 19, 0.25));cursor:not-allowed}:host([size=xs]){--xv-date-picker-height:16px;font-size:var(--fz-sm, 12px)}:host([size=xs]) .field_input{padding-inline:var(--spacing-03, 8px)}:host([size=xs]) .field_icon,:host([size=xs]) .field_clear{margin-right:var(--spacing-03, 8px)}:host([size=sm]){--xv-date-picker-height:32px}:host([size=md]){--xv-date-picker-height:40px}:host([size=lg]){--xv-date-picker-height:48px}:host([size=xl]){--xv-date-picker-height:60px;font-size:var(--fz-lg, 16px)}"}},[321,"xv-date-picker",{value:[1040],selection:[1],precision:[1],withTime:[4,"with-time"],minuteStep:[2,"minute-step"],min:[1],max:[1],disabledDates:[16],disabledWeekdays:[16],weekStartsOn:[2,"week-starts-on"],showWeekNumbers:[4,"show-week-numbers"],locale:[1],label:[1],labelStart:[1,"label-start"],labelEnd:[1,"label-end"],placeholder:[1],helper:[1],error:[8],warning:[8],required:[4],readonly:[4],disabled:[4],loading:[4],clearable:[4],size:[513],block:[516],placement:[1],offset:[2],dates:[32],open:[32],view:[32],anchor:[32],active:[32],dayRows:[32],unitCells:[32],weekdays:[32],focusedDate:[32]},void 0,{value:[{syncValue:0}],locale:[{rebuildWeekdays:0}],weekStartsOn:[{rebuildWeekdays:0},{rebuild:0}],precision:[{resetView:0}],anchor:[{rebuild:0}],view:[{rebuild:0}],min:[{rebuild:0}],max:[{rebuild:0}],disabledDates:[{rebuild:0}],disabledWeekdays:[{rebuild:0}],open:[{openWatcher:0}]}]);function D(){"undefined"!=typeof customElements&&["xv-date-picker","xv-button-v2","xv-loader-v2"].forEach((e=>{switch(e){case"xv-date-picker":customElements.get(o(e))||customElements.define(o(e),_);break;case"xv-button-v2":customElements.get(o(e))||c();break;case"xv-loader-v2":customElements.get(o(e))||p()}}))}D();const z=_,E=D;export{z as XvDatePicker,E as defineCustomElement}

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

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