@globalpayments/vega 2.29.0 → 2.31.0

package/dist/vega/{p-689ee038.entry.js → p-799cb0a4.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as e,g as a}from"./p-1c298d5a.js";import{S as r}from"./p-a7fdb16a.js";import{c as o}from"./p-86194314.js";import{s as n}from"./p-9b797118.js";import{r as c,e as h}from"./p-ecfa7534.js";import{R as d}from"./p-2d5a9f66.js";import{I as l}from"./p-6e1ab235.js";import{V as p,I as u}from"./p-61f6167c.js";import{P as m}from"./p-47c87634.js";import{c as v}from"./p-8ef03eed.js";import{i as g}from"./p-3f5e44c1.js";import{c as b}from"./p-5915634b.js";import"./p-9fbdeada.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-6c6d86da.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-19ef612a.js";import"./p-47a4c625.js";var f;!function(t){t.RIGHT="TOUCH_DIR_RIGHT",t.LEFT="TOUCH_DIR_LEFT",t.UP="TOUCH_DIR_UP",t.DOWN="TOUCH_DIR_DOWN"}(f||(f={}));class y{constructor(t){this.touchStart=this.onTouchStart.bind(this),this.touchMove=this.onTouchMove.bind(this),this.touchEnd=this.onTouchEnd.bind(this),this.touchableParams=t,this.attachListeners()}static init(t){return new y(t)}static getTouchDirectionAndDistance(t,s,i,e){const a=i-t,r=e-s;return Math.abs(a)>Math.abs(r)?{direction:a>0?f.RIGHT:f.LEFT,distance:Math.abs(a)}:{direction:r>0?f.UP:f.DOWN,distance:Math.abs(r)}}static getTouchEventCoordinates(t){return{x:t.changedTouches[0].screenX,y:t.changedTouches[0].screenY}}destroy(){this.touchableParams.touchable.removeEventListener("touchstart",this.touchStart),this.touchableParams.touchable.removeEventListener("touchmove",this.touchMove),this.touchableParams.touchable.removeEventListener("touchend",this.touchEnd)}attachListeners(){this.touchableParams.touchable.addEventListener("touchstart",this.touchStart),this.touchableParams.touchable.addEventListener("touchmove",this.touchMove),this.touchableParams.touchable.addEventListener("touchend",this.touchEnd)}onTouchStart(t){var s,i;this.touchStartState=y.getTouchEventCoordinates(t),null===(i=(s=this.touchableParams).onTouchStart)||void 0===i||i.call(s,this.touchStartState.x,this.touchStartState.y)}onTouchMove(t){var s,i;const{x:e,y:a}=y.getTouchEventCoordinates(t),{direction:r,distance:o}=y.getTouchDirectionAndDistance(this.touchStartState.x,this.touchStartState.y,e,a);null===(i=(s=this.touchableParams).onTouchMove)||void 0===i||i.call(s,r,o)}onTouchEnd(t){var s,i;const{x:e,y:a}=y.getTouchEventCoordinates(t),{direction:r}=y.getTouchDirectionAndDistance(this.touchStartState.x,this.touchStartState.y,e,a);null===(i=(s=this.touchableParams).onTouchEnd)||void 0===i||i.call(s,r),this.resetStartState()}resetStartState(){this.touchStartState={x:0,y:0}}}const w=[{payloadKey:"PER_PAGE_IS_ONE",payloadDescription:"@deprecated Specifies the number of elements displayed per page in the carousel.",payloadValue:t=>1===t.perPage},{payloadKey:"PER_PAGE_IS_NOT_ONE",payloadDescription:"@deprecated Specifies the number of elements displayed per page in the carousel.",payloadValue:t=>1!==t.perPage}];var P=function(t,s,i,e){var a,r=arguments.length,o=r<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,s,i,e);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(o=(r<3?a(o):r>3?a(s,i,o):a(s,i))||o);return r>3&&o&&Object.defineProperty(s,i,o),o};const j=class{constructor(i){t(this,i),this.vegaPageUpdate=s(this,"vegaPageUpdate",7),this.pageUpdate=s(this,"pageUpdate",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new p(w),this.pageResizeObserverSlimmer=new m({callback:()=>{this.getCarouselItemsPerPage()!==this.currentItemsPerPage&&this.updatePageLayout()}}),this.pageUpdateEventEmitter=v(j,g),this.deprecatedPropertySlimmer=b(j,"itemsPerPage","perPage",1),this.carouselContentElements=[],this.slideTaskQueue=new r,this.currentItemsPerPage=1,this.page=1,this.perPage=1,this.itemsPerPage=1,this.showSlider=!0,this.spacing="size-16",this.canSwipe=!0,this.onClickIndicators=async t=>{const s=Number(t.currentTarget.dataset.page);await this.goToPage(s)},this.getTotalPage=()=>Math.ceil(this.carouselContentElements.length/this.currentItemsPerPage),this.updatePageLayout=()=>{this.currentItemsPerPage=this.getCarouselItemsPerPage(),this.totalPages=this.getTotalPage(),this.page=1,this.wrapChildContentAsCarouselItem()},this.initMutationObserver=()=>{this.mutationObserver=new MutationObserver((async()=>{await this.updateContentByObserverSlotChange()})),this.mutationObserver.observe(this.host,{childList:!0})},this.initTouchEvent=()=>{this.touchListener=y.init({touchable:this.listContainer,onTouchEnd:async t=>{const s=this.page+(t===f.RIGHT?-1:t===f.LEFT?1:0);await this.goToPage(s)}})}}watchPage(){this.pageUpdateEventEmitter.emit(this.page)}watchPerPage(){this.updatePageLayout()}watchItemsPerPage(){this.updatePageLayout()}onSpacingPropsChange(){this.host.querySelectorAll("vega-grid").forEach((t=>{t.gap=this.spacing}))}async disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.touchListener&&this.touchListener.destroy()}componentDidLoad(){this.carouselContentElements=Array.from(this.host.children),this.updatePageLayout(),this.initMutationObserver(),this.initTouchEvent()}async nextPage(){const t=this.page<this.totalPages?this.page+1:this.page;await this.goToPage(t)}async prevPage(){const t=this.page>1?this.page-1:this.page;await this.goToPage(t)}async goToPage(t){await this.goToPageInternal(t)}render(){return n(i(e,null,i("div",{class:{"carousel-inner":!0,"carousel-stop-swipe":!this.canSwipe},ref:t=>this.listContainer=t},i("slot",null)),this.renderIndicatorDom()),this.host)}async goToPageInternal(t,s=!0){t>=1&&t<=this.totalPages&&t!==this.page&&(this.page=t,await this.slideTaskQueue.enqueue({run:()=>this.doSlide(t,s)}))}renderIndicatorDom(){return this.showSlider&&i("div",{class:"vega-carousel-indicators-container"},new Array(this.totalPages).fill("").map(((t,s)=>i("div",{key:s,class:{"vega-carousel-indicator-active":s+1===this.page},"data-page":s+1,role:"button","aria-label":"No label defined",tabIndex:0,onKeyDown:o(),onClick:this.onClickIndicators}))))}async updateContentByObserverSlotChange(){const t=this.page,s=Array.from(this.host.children).filter((t=>!t.classList.contains("carousel-item"))),i=Array.from(this.host.querySelectorAll(".carousel-item vega-grid > div > *"));(i.length!==this.carouselContentElements.length||s.length>0)&&(this.carouselContentElements=i.concat(s),this.updatePageLayout()),await this.goToPageInternal(t,!1)}wrapChildContentAsCarouselItem(){const t=[],s=this.carouselContentElements;for(let i=0;i<this.totalPages;i++){const e=document.createElement("vega-grid");e.setAttribute("gap",this.spacing),e.setAttribute("column",this.currentItemsPerPage.toString()),e.setAttribute("row","1");for(let t=i*this.currentItemsPerPage;t<s.length&&t<this.currentItemsPerPage*(i+1);t++){const i=document.createElement("div");i.appendChild(s[t]),e.appendChild(i)}const a=document.createElement("div");a.classList.add("carousel-item"),0===i&&a.classList.add("active"),a.appendChild(e),t.push(a)}this.host.replaceChildren(...t)}doSlide(t,s){return new Promise(((i,e)=>{const a=this.host.querySelector(".active"),r=t-1>Array.from(this.host.children).indexOf(a),o=this.host.children[t-1],n=r?"carousel-item-start":"carousel-item-end",d=r?"carousel-item-next":"carousel-item-prev";a&&o?s?(o.classList.add(d),c(o),o.classList.add(n),a.classList.add(n),h((()=>{o.classList.remove(n,d),a.classList.remove("active",n),o.classList.add("active"),i()}),a,600)):(a.classList.remove("active"),c(o),o.classList.add("active"),i()):e("Cannot find active and target item in carousel list")}))}getCarouselItemsPerPage(){const t=d.formatCustom(this.deprecatedPropertySlimmer.getValue());return t?Math.max(1,Math.min(4,t,this.carouselContentElements.length)):1}get host(){return a(this)}static get watchers(){return{page:["watchPage"],perPage:["watchPerPage"],itemsPerPage:["watchItemsPerPage"],spacing:["onSpacingPropsChange"]}}};P([u()],j.prototype,"globalSlimmers",void 0),P([l()],j.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([l()],j.prototype,"pageResizeObserverSlimmer",void 0),P([l()],j.prototype,"pageUpdateEventEmitter",void 0),P([l()],j.prototype,"deprecatedPropertySlimmer",void 0),j.style=":host{display:block}:host .vega-carousel-indicators-container{display:flex;justify-content:center;align-items:center;margin-top:24px}:host .vega-carousel-indicators-container>div{border-radius:9999px;width:16px;height:16px;border-width:2px;border-style:solid;margin-right:24px;cursor:pointer;border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div:focus{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}:host .vega-carousel-indicators-container>div:hover{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host .vega-carousel-indicators-container>div.vega-carousel-indicator-active{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div.vega-carousel-indicator-active:hover{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div:last-child{margin-right:0px}:host .carousel-inner{position:relative;width:100%;overflow:hidden}:host .carousel-inner.carousel-stop-swipe{pointer-events:none}:host ::slotted(.carousel-item){width:100%;position:relative;display:none;float:left;transition:transform 0.6s ease;margin-right:-100%}:host ::slotted(.carousel-item.active),:host ::slotted(.carousel-item-next),:host ::slotted(.carousel-item-prev){display:block}:host ::slotted(.carousel-item-next:not(.carousel-item-start)),:host ::slotted(.active.carousel-item-end){transform:translateX(100%)}:host ::slotted(.carousel-item-prev:not(.carousel-item-end)),:host ::slotted(.active.carousel-item-start){transform:translateX(-100%)}";export{j as vega_carousel}
+import{r as t,c as s,h as i,H as e,g as a}from"./p-1c298d5a.js";import{S as r}from"./p-a7fdb16a.js";import{c as o}from"./p-86194314.js";import{s as n}from"./p-9b797118.js";import{r as c,e as h}from"./p-ecfa7534.js";import{R as d}from"./p-2d5a9f66.js";import{I as l}from"./p-6e1ab235.js";import{V as p,I as u}from"./p-61f6167c.js";import{P as m}from"./p-47c87634.js";import{c as v}from"./p-302e7589.js";import{i as g}from"./p-bf3fbb9b.js";import{c as b}from"./p-5915634b.js";import"./p-9fbdeada.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-6c6d86da.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-2306c736.js";import"./p-47a4c625.js";var f;!function(t){t.RIGHT="TOUCH_DIR_RIGHT",t.LEFT="TOUCH_DIR_LEFT",t.UP="TOUCH_DIR_UP",t.DOWN="TOUCH_DIR_DOWN"}(f||(f={}));class y{constructor(t){this.touchStart=this.onTouchStart.bind(this),this.touchMove=this.onTouchMove.bind(this),this.touchEnd=this.onTouchEnd.bind(this),this.touchableParams=t,this.attachListeners()}static init(t){return new y(t)}static getTouchDirectionAndDistance(t,s,i,e){const a=i-t,r=e-s;return Math.abs(a)>Math.abs(r)?{direction:a>0?f.RIGHT:f.LEFT,distance:Math.abs(a)}:{direction:r>0?f.UP:f.DOWN,distance:Math.abs(r)}}static getTouchEventCoordinates(t){return{x:t.changedTouches[0].screenX,y:t.changedTouches[0].screenY}}destroy(){this.touchableParams.touchable.removeEventListener("touchstart",this.touchStart),this.touchableParams.touchable.removeEventListener("touchmove",this.touchMove),this.touchableParams.touchable.removeEventListener("touchend",this.touchEnd)}attachListeners(){this.touchableParams.touchable.addEventListener("touchstart",this.touchStart),this.touchableParams.touchable.addEventListener("touchmove",this.touchMove),this.touchableParams.touchable.addEventListener("touchend",this.touchEnd)}onTouchStart(t){var s,i;this.touchStartState=y.getTouchEventCoordinates(t),null===(i=(s=this.touchableParams).onTouchStart)||void 0===i||i.call(s,this.touchStartState.x,this.touchStartState.y)}onTouchMove(t){var s,i;const{x:e,y:a}=y.getTouchEventCoordinates(t),{direction:r,distance:o}=y.getTouchDirectionAndDistance(this.touchStartState.x,this.touchStartState.y,e,a);null===(i=(s=this.touchableParams).onTouchMove)||void 0===i||i.call(s,r,o)}onTouchEnd(t){var s,i;const{x:e,y:a}=y.getTouchEventCoordinates(t),{direction:r}=y.getTouchDirectionAndDistance(this.touchStartState.x,this.touchStartState.y,e,a);null===(i=(s=this.touchableParams).onTouchEnd)||void 0===i||i.call(s,r),this.resetStartState()}resetStartState(){this.touchStartState={x:0,y:0}}}const w=[{payloadKey:"PER_PAGE_IS_ONE",payloadDescription:"@deprecated Specifies the number of elements displayed per page in the carousel.",payloadValue:t=>1===t.perPage},{payloadKey:"PER_PAGE_IS_NOT_ONE",payloadDescription:"@deprecated Specifies the number of elements displayed per page in the carousel.",payloadValue:t=>1!==t.perPage}];var P=function(t,s,i,e){var a,r=arguments.length,o=r<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,s,i,e);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(o=(r<3?a(o):r>3?a(s,i,o):a(s,i))||o);return r>3&&o&&Object.defineProperty(s,i,o),o};const j=class{constructor(i){t(this,i),this.vegaPageUpdate=s(this,"vegaPageUpdate",7),this.pageUpdate=s(this,"pageUpdate",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new p(w),this.pageResizeObserverSlimmer=new m({callback:()=>{this.getCarouselItemsPerPage()!==this.currentItemsPerPage&&this.updatePageLayout()}}),this.pageUpdateEventEmitter=v(j,g),this.deprecatedPropertySlimmer=b(j,"itemsPerPage","perPage",1),this.carouselContentElements=[],this.slideTaskQueue=new r,this.currentItemsPerPage=1,this.page=1,this.perPage=1,this.itemsPerPage=1,this.showSlider=!0,this.spacing="size-16",this.canSwipe=!0,this.onClickIndicators=async t=>{const s=Number(t.currentTarget.dataset.page);await this.goToPage(s)},this.getTotalPage=()=>Math.ceil(this.carouselContentElements.length/this.currentItemsPerPage),this.updatePageLayout=()=>{this.currentItemsPerPage=this.getCarouselItemsPerPage(),this.totalPages=this.getTotalPage(),this.page=1,this.wrapChildContentAsCarouselItem()},this.initMutationObserver=()=>{this.mutationObserver=new MutationObserver((async()=>{await this.updateContentByObserverSlotChange()})),this.mutationObserver.observe(this.host,{childList:!0})},this.initTouchEvent=()=>{this.touchListener=y.init({touchable:this.listContainer,onTouchEnd:async t=>{const s=this.page+(t===f.RIGHT?-1:t===f.LEFT?1:0);await this.goToPage(s)}})}}watchPage(){this.pageUpdateEventEmitter.emit(this.page)}watchPerPage(){this.updatePageLayout()}watchItemsPerPage(){this.updatePageLayout()}onSpacingPropsChange(){this.host.querySelectorAll("vega-grid").forEach((t=>{t.gap=this.spacing}))}async disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.touchListener&&this.touchListener.destroy()}componentDidLoad(){this.carouselContentElements=Array.from(this.host.children),this.updatePageLayout(),this.initMutationObserver(),this.initTouchEvent()}async nextPage(){const t=this.page<this.totalPages?this.page+1:this.page;await this.goToPage(t)}async prevPage(){const t=this.page>1?this.page-1:this.page;await this.goToPage(t)}async goToPage(t){await this.goToPageInternal(t)}render(){return n(i(e,null,i("div",{class:{"carousel-inner":!0,"carousel-stop-swipe":!this.canSwipe},ref:t=>this.listContainer=t},i("slot",null)),this.renderIndicatorDom()),this.host)}async goToPageInternal(t,s=!0){t>=1&&t<=this.totalPages&&t!==this.page&&(this.page=t,await this.slideTaskQueue.enqueue({run:()=>this.doSlide(t,s)}))}renderIndicatorDom(){return this.showSlider&&i("div",{class:"vega-carousel-indicators-container"},new Array(this.totalPages).fill("").map(((t,s)=>i("div",{key:s,class:{"vega-carousel-indicator-active":s+1===this.page},"data-page":s+1,role:"button","aria-label":"No label defined",tabIndex:0,onKeyDown:o(),onClick:this.onClickIndicators}))))}async updateContentByObserverSlotChange(){const t=this.page,s=Array.from(this.host.children).filter((t=>!t.classList.contains("carousel-item"))),i=Array.from(this.host.querySelectorAll(".carousel-item vega-grid > div > *"));(i.length!==this.carouselContentElements.length||s.length>0)&&(this.carouselContentElements=i.concat(s),this.updatePageLayout()),await this.goToPageInternal(t,!1)}wrapChildContentAsCarouselItem(){const t=[],s=this.carouselContentElements;for(let i=0;i<this.totalPages;i++){const e=document.createElement("vega-grid");e.setAttribute("gap",this.spacing),e.setAttribute("column",this.currentItemsPerPage.toString()),e.setAttribute("row","1");for(let t=i*this.currentItemsPerPage;t<s.length&&t<this.currentItemsPerPage*(i+1);t++){const i=document.createElement("div");i.appendChild(s[t]),e.appendChild(i)}const a=document.createElement("div");a.classList.add("carousel-item"),0===i&&a.classList.add("active"),a.appendChild(e),t.push(a)}this.host.replaceChildren(...t)}doSlide(t,s){return new Promise(((i,e)=>{const a=this.host.querySelector(".active"),r=t-1>Array.from(this.host.children).indexOf(a),o=this.host.children[t-1],n=r?"carousel-item-start":"carousel-item-end",d=r?"carousel-item-next":"carousel-item-prev";a&&o?s?(o.classList.add(d),c(o),o.classList.add(n),a.classList.add(n),h((()=>{o.classList.remove(n,d),a.classList.remove("active",n),o.classList.add("active"),i()}),a,600)):(a.classList.remove("active"),c(o),o.classList.add("active"),i()):e("Cannot find active and target item in carousel list")}))}getCarouselItemsPerPage(){const t=d.formatCustom(this.deprecatedPropertySlimmer.getValue());return t?Math.max(1,Math.min(4,t,this.carouselContentElements.length)):1}get host(){return a(this)}static get watchers(){return{page:["watchPage"],perPage:["watchPerPage"],itemsPerPage:["watchItemsPerPage"],spacing:["onSpacingPropsChange"]}}};P([u()],j.prototype,"globalSlimmers",void 0),P([l()],j.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([l()],j.prototype,"pageResizeObserverSlimmer",void 0),P([l()],j.prototype,"pageUpdateEventEmitter",void 0),P([l()],j.prototype,"deprecatedPropertySlimmer",void 0),j.style=":host{display:block}:host .vega-carousel-indicators-container{display:flex;justify-content:center;align-items:center;margin-top:24px}:host .vega-carousel-indicators-container>div{border-radius:9999px;width:16px;height:16px;border-width:2px;border-style:solid;margin-right:24px;cursor:pointer;border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div:focus{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}:host .vega-carousel-indicators-container>div:hover{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host .vega-carousel-indicators-container>div.vega-carousel-indicator-active{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div.vega-carousel-indicator-active:hover{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div:last-child{margin-right:0px}:host .carousel-inner{position:relative;width:100%;overflow:hidden}:host .carousel-inner.carousel-stop-swipe{pointer-events:none}:host ::slotted(.carousel-item){width:100%;position:relative;display:none;float:left;transition:transform 0.6s ease;margin-right:-100%}:host ::slotted(.carousel-item.active),:host ::slotted(.carousel-item-next),:host ::slotted(.carousel-item-prev){display:block}:host ::slotted(.carousel-item-next:not(.carousel-item-start)),:host ::slotted(.active.carousel-item-end){transform:translateX(100%)}:host ::slotted(.carousel-item-prev:not(.carousel-item-end)),:host ::slotted(.active.carousel-item-start){transform:translateX(-100%)}";export{j as vega_carousel}

package/dist/vega/{p-1678b69f.entry.js → p-7a6a0740.entry.js}

@@ -1 +1 @@
-import{h as e,F as i,r as t,c as r,H as n,g as a}from"./p-1c298d5a.js";import{s as o}from"./p-9b797118.js";import{c as s,V as p,M as l,I as d}from"./p-6e1ab235.js";import{V as u,I as h}from"./p-61f6167c.js";import{c}from"./p-8ef03eed.js";import{e as g}from"./p-3f5e44c1.js";import{F as v}from"./p-b347f967.js";import{i as f}from"./p-b0502d01.js";import{C as b}from"./p-2d0d575f.js";import{b as m}from"./p-32f651f7.js";import{g as x,D as w}from"./p-4163c2c2.js";import{D as y}from"./p-6c6d86da.js";import{C as j}from"./p-19769aba.js";import{c as R}from"./p-86194314.js";import{T as I}from"./p-68ad953c.js";import"./p-6a334573.js";import"./p-19ef612a.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-5440344e.js";import"./p-e731976a.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-262ec334.js";import"./p-5f377954.js";import"./p-319efe6c.js";import"./p-f404aa83.js";var C=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class V extends p{getInputRangeContainerRef(){return this.inputRangeContainerRef}render(){return e(i,null,e("vega-flex",{class:"vega-input-range-container",direction:"horizontal"!==this.stack?"col":"row",alignItems:"horizontal"!==this.stack?"start":"center",gap:"size-8",ref:e=>this.inputRangeContainerRef=e},e("vega-field-label",{onClick:this.inputRangeInputRenderer.focusFirstInput,isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.inputRangeInputRenderer.render()),this.renderHintDom())}renderHintDom(){if(this.hint)return e("label",{class:"vega-input-range-hint"},e("vega-font",{variant:"font-footnote1-short",color:"text-secondary"},this.hint))}}C([s()],V.prototype,"required",void 0),C([s()],V.prototype,"disabled",void 0),C([s()],V.prototype,"label",void 0),C([s()],V.prototype,"hint",void 0),C([s()],V.prototype,"stack",void 0),C([s()],V.prototype,"inputRangeInputRenderer",void 0);var N=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class A extends p{emitEventAndNotifyAfterValueChange(e,i){f(e,i)||(this.changeEventEmitter.emit(e),b.notify(m,{host:this.host,detail:e}))}updateValueByRangeIndex(e,i){let t=this.value;t=0===i?[e,Array.isArray(this.value)&&!isNaN(Number(this.value[1]))?this.value[1]:""]:[Array.isArray(this.value)&&!isNaN(Number(this.value[0]))?this.value[0]:"",e],f(t,this.value)||this.setValue(t)}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){return Array.isArray(e)&&2===e.length}}N([s({writable:!0})],A.prototype,"value",void 0),N([s()],A.prototype,"host",void 0),N([s()],A.prototype,"changeEventEmitter",void 0),N([l("watchValue")],A.prototype,"emitEventAndNotifyAfterValueChange",null);var E=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class k extends p{constructor(){super(...arguments),this.isMobileDevice=x()===w.MOBILE,this.focusFirstInput=()=>{this.minFieldInputRef.doFocus()},this.inputValueChange=e=>{this.valueController.updateValueByRangeIndex(e.detail,"0"===e.host.dataset.index?0:1)}}getInputRefByIndex(e){return[this.minFieldInputRef,this.maxFieldInputRef][e]}render(){return e("vega-box",{class:{"vega-input-range-input-container":!0,"input-range-disabled":this.disabled,"input-range-mobile":this.isMobileDevice,"input-range-with-clear-icon":this.showClearIcon&&!this.disabled},corners:"rounded-8",backgroundColor:this.disabled?"bg-secondary":"bg-primary"},e("vega-flex",{"align-items":"center",direction:this.isMobileDevice?"col":"row"},e("vega-input",Object.assign({prefixIcon:this.prefixIcon},this.getInputPropsByRangeIndex(0),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.minFieldInputRef=e}})),e("span",{class:"vega-input-range-divider"}),e("vega-input",Object.assign({class:{"with-left-padding-in-mobile":!!this.prefixIcon&&this.isMobileDevice}},this.getInputPropsByRangeIndex(1),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.maxFieldInputRef=e}}))),this.clearIconRenderer.render())}getInputPropsByRangeIndex(e){return{type:"number","data-index":e,placeholder:this.getPlaceholderByIndex(e),showClearIcon:!1,disabled:this.disabled,size:this.size,min:this.min,max:this.max,value:this.getDefaultValueByIndex(e)}}getPlaceholderByIndex(e){return this.translationSlimmer.t((this.placeholder||k.defaultPlaceholder)[e])}getDefaultValueByIndex(e){return(this.value||["",""])[e]}}k.defaultPlaceholder=["Minimum","Maximum"],E([s()],k.prototype,"value",void 0),E([s()],k.prototype,"prefixIcon",void 0),E([s()],k.prototype,"disabled",void 0),E([s()],k.prototype,"min",void 0),E([s()],k.prototype,"max",void 0),E([s()],k.prototype,"size",void 0),E([s()],k.prototype,"placeholder",void 0),E([s()],k.prototype,"showClearIcon",void 0),E([s()],k.prototype,"valueController",void 0),E([s()],k.prototype,"clearIconRenderer",void 0),E([s()],k.prototype,"translationSlimmer",void 0);class z{evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid value ${e} for input range`);const i=Array.isArray(e)&&2===e.length&&e.every((e=>!!e||"0"==e));return{isValid:i,message:i?"":"This field is required"}}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||Array.isArray(e)}}class O{constructor(e){this.invalidResult=e=>({isValid:!1,message:e}),this.validResult=()=>({isValid:!0,message:""}),this.minValue=0===e.minValue||e.minValue?Number(e.minValue):null,this.maxValue=0===e.maxValue||e.maxValue?Number(e.maxValue):null}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const i=Number(e[0]),t=Number(e[1]);return null!==this.minValue&&(""!==e[0]&&i<this.minValue||""!==e[1]&&t<this.minValue)?this.invalidResult({key:"The minimum input value is {0}",args:[this.minValue]}):null!==this.maxValue&&(""!==e[0]&&i>this.maxValue||""!==e[1]&&t>this.maxValue)?this.invalidResult({key:"The maximum input value is {0}",args:[this.maxValue]}):""!==e[0]&&""!==e[1]&&i>t?this.invalidResult("The end value should be greater than the start value"):this.validResult()}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>"number"==typeof Number(e)))}}var F=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class S extends p{constructor(){super(...arguments),this.clearInputRangeValue=()=>{this.valueController.setValue(["",""]),this.inputRangeInputRenderer.focusFirstInput()}}render(){return e("div",{class:{"vega-input-range-clear-icon":!0,invisible:!this.shouldShowClearIcon()},"aria-label":"clear input range",role:"button",tabindex:"-1",onClick:this.clearInputRangeValue,onKeyDown:R()},e("vega-icon",{icon:"close"}))}shouldShowClearIcon(){return this.showClearIcon&&!this.disabled&&Array.isArray(this.value)&&this.value.some((e=>!!e))}}F([s()],S.prototype,"showClearIcon",void 0),F([s()],S.prototype,"value",void 0),F([s()],S.prototype,"disabled",void 0),F([s()],S.prototype,"inputRangeInputRenderer",void 0),F([s()],S.prototype,"valueController",void 0);var T=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};const M=class{constructor(e){t(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new I,this.formFieldController=new v({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new z:null},{propertyName:"min",ruleFactory:(e,i)=>new O({minValue:e,maxValue:i}),dependence:"max"},{propertyName:"max",ruleFactory:(e,i)=>new O({minValue:i,maxValue:e}),dependence:"min"}],validationRulesName:"validationRules",defaultValue:["",""],attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputRangeRenderer.getInputRangeContainerRef(),touchableAreaGetter:()=>[this.inputRangeInputRenderer.getInputRefByIndex(0),this.inputRangeInputRenderer.getInputRefByIndex(1)]}),this.inputRangeInputRenderer=new k,this.clearIconRenderer=new S,this.inputRangeRenderer=new V,this.valueController=new A,this.inputChangeEventPrevent=new j([g],(()=>this.inputRangeRenderer.getInputRangeContainerRef())),this.changeEventEmitter=c(M,g),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.label="",this.value=["",""],this.showClearIcon=!0,this.min=null,this.max=null,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.placeholder=["Minimum","Maximum"],this.disabled=!1,this.hint="",this.stack="vertical"}watchValue(e,i){}watchValidationRules(){}render(){return o(e(n,{class:{disabled:this.disabled}},this.inputRangeRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};T([h()],M.prototype,"globalSlimmers",void 0),T([d()],M.prototype,"translationSlimmer",void 0),T([d()],M.prototype,"formFieldController",void 0),T([d()],M.prototype,"inputRangeInputRenderer",void 0),T([d()],M.prototype,"clearIconRenderer",void 0),T([d()],M.prototype,"inputRangeRenderer",void 0),T([d()],M.prototype,"valueController",void 0),T([d()],M.prototype,"inputChangeEventPrevent",void 0),T([d()],M.prototype,"changeEventEmitter",void 0),T([d()],M.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),M.style=':host{display:inline-block;width:100%}.vega-input-range-input-container{position:relative;width:100%;flex:1 1 0%;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));box-sizing:border-box;min-width:50%}.vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-range-input-container .vega-input-range-divider{display:inline-block;width:0px;height:24px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));border-style:solid;border-right-width:1px;border-left-width:0px;flex-shrink:0}.vega-input-range-input-container:focus-within .vega-input-range-divider{opacity:0}.vega-input-range-input-container .vega-input-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%);z-index:2}.vega-input-range-input-container .vega-input-range-clear-icon.invisible{visibility:hidden}.vega-input-range-input-container vega-input::part(input-container){border-width:0px}.vega-input-range-input-container vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));position:relative;box-shadow:0 0 0;margin:-1px;z-index:1}.vega-input-range-input-container.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled .vega-input-range-divider{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-mobile .vega-input-range-divider{width:100%;height:0px;border-right-width:0px;border-left-width:0px;border-top-width:0px;border-bottom-width:1px}.vega-input-range-input-container.input-range-mobile:focus-within .vega-input-range-divider{opacity:1}.vega-input-range-input-container.input-range-mobile .with-left-padding-in-mobile::part(input){padding-left:26px}.vega-input-range-input-container.input-range-mobile .vega-input-range-clear-icon{top:25%}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:first-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:2px}.vega-input-range-container.error .vega-input-range-input-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-range-container.error .vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-range-container.error vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-input-range-hint{display:inline-block;padding-top:12px;padding-right:8px;padding-left:8px}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}';export{M as vega_input_range}
+import{h as e,F as i,r as t,c as r,H as n,g as a}from"./p-1c298d5a.js";import{s as o}from"./p-9b797118.js";import{c as s,V as p,M as l,I as d}from"./p-6e1ab235.js";import{V as u,I as h}from"./p-61f6167c.js";import{c}from"./p-302e7589.js";import{e as g}from"./p-bf3fbb9b.js";import{F as v}from"./p-b347f967.js";import{i as f}from"./p-b0502d01.js";import{C as b}from"./p-2d0d575f.js";import{b as m}from"./p-32f651f7.js";import{g as x,D as w}from"./p-4163c2c2.js";import{D as y}from"./p-6c6d86da.js";import{C as j}from"./p-e5d7b4b8.js";import{c as R}from"./p-86194314.js";import{T as I}from"./p-68ad953c.js";import"./p-6a334573.js";import"./p-2306c736.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-5440344e.js";import"./p-e731976a.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-262ec334.js";import"./p-5f377954.js";import"./p-4ffd7493.js";import"./p-f404aa83.js";var C=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class V extends p{getInputRangeContainerRef(){return this.inputRangeContainerRef}render(){return e(i,null,e("vega-flex",{class:"vega-input-range-container",direction:"horizontal"!==this.stack?"col":"row",alignItems:"horizontal"!==this.stack?"start":"center",gap:"size-8",ref:e=>this.inputRangeContainerRef=e},e("vega-field-label",{onClick:this.inputRangeInputRenderer.focusFirstInput,isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.inputRangeInputRenderer.render()),this.renderHintDom())}renderHintDom(){if(this.hint)return e("label",{class:"vega-input-range-hint"},e("vega-font",{variant:"font-footnote1-short",color:"text-secondary"},this.hint))}}C([s()],V.prototype,"required",void 0),C([s()],V.prototype,"disabled",void 0),C([s()],V.prototype,"label",void 0),C([s()],V.prototype,"hint",void 0),C([s()],V.prototype,"stack",void 0),C([s()],V.prototype,"inputRangeInputRenderer",void 0);var N=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class A extends p{emitEventAndNotifyAfterValueChange(e,i){f(e,i)||(this.changeEventEmitter.emit(e),b.notify(m,{host:this.host,detail:e}))}updateValueByRangeIndex(e,i){let t=this.value;t=0===i?[e,Array.isArray(this.value)&&!isNaN(Number(this.value[1]))?this.value[1]:""]:[Array.isArray(this.value)&&!isNaN(Number(this.value[0]))?this.value[0]:"",e],f(t,this.value)||this.setValue(t)}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){return Array.isArray(e)&&2===e.length}}N([s({writable:!0})],A.prototype,"value",void 0),N([s()],A.prototype,"host",void 0),N([s()],A.prototype,"changeEventEmitter",void 0),N([l("watchValue")],A.prototype,"emitEventAndNotifyAfterValueChange",null);var E=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class k extends p{constructor(){super(...arguments),this.isMobileDevice=x()===w.MOBILE,this.focusFirstInput=()=>{this.minFieldInputRef.doFocus()},this.inputValueChange=e=>{this.valueController.updateValueByRangeIndex(e.detail,"0"===e.host.dataset.index?0:1)}}getInputRefByIndex(e){return[this.minFieldInputRef,this.maxFieldInputRef][e]}render(){return e("vega-box",{class:{"vega-input-range-input-container":!0,"input-range-disabled":this.disabled,"input-range-mobile":this.isMobileDevice,"input-range-with-clear-icon":this.showClearIcon&&!this.disabled},corners:"rounded-8",backgroundColor:this.disabled?"bg-secondary":"bg-primary"},e("vega-flex",{"align-items":"center",direction:this.isMobileDevice?"col":"row"},e("vega-input",Object.assign({prefixIcon:this.prefixIcon},this.getInputPropsByRangeIndex(0),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.minFieldInputRef=e}})),e("span",{class:"vega-input-range-divider"}),e("vega-input",Object.assign({class:{"with-left-padding-in-mobile":!!this.prefixIcon&&this.isMobileDevice}},this.getInputPropsByRangeIndex(1),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.maxFieldInputRef=e}}))),this.clearIconRenderer.render())}getInputPropsByRangeIndex(e){return{type:"number","data-index":e,placeholder:this.getPlaceholderByIndex(e),showClearIcon:!1,disabled:this.disabled,size:this.size,min:this.min,max:this.max,value:this.getDefaultValueByIndex(e)}}getPlaceholderByIndex(e){return this.translationSlimmer.t((this.placeholder||k.defaultPlaceholder)[e])}getDefaultValueByIndex(e){return(this.value||["",""])[e]}}k.defaultPlaceholder=["Minimum","Maximum"],E([s()],k.prototype,"value",void 0),E([s()],k.prototype,"prefixIcon",void 0),E([s()],k.prototype,"disabled",void 0),E([s()],k.prototype,"min",void 0),E([s()],k.prototype,"max",void 0),E([s()],k.prototype,"size",void 0),E([s()],k.prototype,"placeholder",void 0),E([s()],k.prototype,"showClearIcon",void 0),E([s()],k.prototype,"valueController",void 0),E([s()],k.prototype,"clearIconRenderer",void 0),E([s()],k.prototype,"translationSlimmer",void 0);class z{evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid value ${e} for input range`);const i=Array.isArray(e)&&2===e.length&&e.every((e=>!!e||"0"==e));return{isValid:i,message:i?"":"This field is required"}}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||Array.isArray(e)}}class O{constructor(e){this.invalidResult=e=>({isValid:!1,message:e}),this.validResult=()=>({isValid:!0,message:""}),this.minValue=0===e.minValue||e.minValue?Number(e.minValue):null,this.maxValue=0===e.maxValue||e.maxValue?Number(e.maxValue):null}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const i=Number(e[0]),t=Number(e[1]);return null!==this.minValue&&(""!==e[0]&&i<this.minValue||""!==e[1]&&t<this.minValue)?this.invalidResult({key:"The minimum input value is {0}",args:[this.minValue]}):null!==this.maxValue&&(""!==e[0]&&i>this.maxValue||""!==e[1]&&t>this.maxValue)?this.invalidResult({key:"The maximum input value is {0}",args:[this.maxValue]}):""!==e[0]&&""!==e[1]&&i>t?this.invalidResult("The end value should be greater than the start value"):this.validResult()}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>"number"==typeof Number(e)))}}var F=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class S extends p{constructor(){super(...arguments),this.clearInputRangeValue=()=>{this.valueController.setValue(["",""]),this.inputRangeInputRenderer.focusFirstInput()}}render(){return e("div",{class:{"vega-input-range-clear-icon":!0,invisible:!this.shouldShowClearIcon()},"aria-label":"clear input range",role:"button",tabindex:"-1",onClick:this.clearInputRangeValue,onKeyDown:R()},e("vega-icon",{icon:"close"}))}shouldShowClearIcon(){return this.showClearIcon&&!this.disabled&&Array.isArray(this.value)&&this.value.some((e=>!!e))}}F([s()],S.prototype,"showClearIcon",void 0),F([s()],S.prototype,"value",void 0),F([s()],S.prototype,"disabled",void 0),F([s()],S.prototype,"inputRangeInputRenderer",void 0),F([s()],S.prototype,"valueController",void 0);var T=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};const M=class{constructor(e){t(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new I,this.formFieldController=new v({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new z:null},{propertyName:"min",ruleFactory:(e,i)=>new O({minValue:e,maxValue:i}),dependence:"max"},{propertyName:"max",ruleFactory:(e,i)=>new O({minValue:i,maxValue:e}),dependence:"min"}],validationRulesName:"validationRules",defaultValue:["",""],attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputRangeRenderer.getInputRangeContainerRef(),touchableAreaGetter:()=>[this.inputRangeInputRenderer.getInputRefByIndex(0),this.inputRangeInputRenderer.getInputRefByIndex(1)]}),this.inputRangeInputRenderer=new k,this.clearIconRenderer=new S,this.inputRangeRenderer=new V,this.valueController=new A,this.inputChangeEventPrevent=new j([g],(()=>this.inputRangeRenderer.getInputRangeContainerRef())),this.changeEventEmitter=c(M,g),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.label="",this.value=["",""],this.showClearIcon=!0,this.min=null,this.max=null,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.placeholder=["Minimum","Maximum"],this.disabled=!1,this.hint="",this.stack="vertical"}watchValue(e,i){}watchValidationRules(){}render(){return o(e(n,{class:{disabled:this.disabled}},this.inputRangeRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};T([h()],M.prototype,"globalSlimmers",void 0),T([d()],M.prototype,"translationSlimmer",void 0),T([d()],M.prototype,"formFieldController",void 0),T([d()],M.prototype,"inputRangeInputRenderer",void 0),T([d()],M.prototype,"clearIconRenderer",void 0),T([d()],M.prototype,"inputRangeRenderer",void 0),T([d()],M.prototype,"valueController",void 0),T([d()],M.prototype,"inputChangeEventPrevent",void 0),T([d()],M.prototype,"changeEventEmitter",void 0),T([d()],M.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),M.style=':host{display:inline-block;width:100%}.vega-input-range-input-container{position:relative;width:100%;flex:1 1 0%;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));box-sizing:border-box;min-width:50%}.vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-range-input-container .vega-input-range-divider{display:inline-block;width:0px;height:24px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));border-style:solid;border-right-width:1px;border-left-width:0px;flex-shrink:0}.vega-input-range-input-container:focus-within .vega-input-range-divider{opacity:0}.vega-input-range-input-container .vega-input-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%);z-index:2}.vega-input-range-input-container .vega-input-range-clear-icon.invisible{visibility:hidden}.vega-input-range-input-container vega-input::part(input-container){border-width:0px}.vega-input-range-input-container vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));position:relative;box-shadow:0 0 0;margin:-1px;z-index:1}.vega-input-range-input-container.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled .vega-input-range-divider{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-mobile .vega-input-range-divider{width:100%;height:0px;border-right-width:0px;border-left-width:0px;border-top-width:0px;border-bottom-width:1px}.vega-input-range-input-container.input-range-mobile:focus-within .vega-input-range-divider{opacity:1}.vega-input-range-input-container.input-range-mobile .with-left-padding-in-mobile::part(input){padding-left:26px}.vega-input-range-input-container.input-range-mobile .vega-input-range-clear-icon{top:25%}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:first-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:2px}.vega-input-range-container.error .vega-input-range-input-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-range-container.error .vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-range-container.error vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-input-range-hint{display:inline-block;padding-top:12px;padding-right:8px;padding-left:8px}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}';export{M as vega_input_range}

package/dist/vega/p-80785fcf.entry.js

@@ -0,0 +1 @@
+import{h as e,H as t,r as i,c as s,g as o}from"./p-1c298d5a.js";import{R as r}from"./p-e2acbc60.js";import{s as n}from"./p-9b797118.js";import{g as a}from"./p-f46c930f.js";import{c as l,V as p,M as d,L as c,I as h}from"./p-6e1ab235.js";import{a as f}from"./p-4163c2c2.js";import{R as v}from"./p-2d5a9f66.js";import{V as g,I as u}from"./p-61f6167c.js";import{D as m}from"./p-6c6d86da.js";import{l as x,m as b,b as w,n as y,o as j,e as I,k as R}from"./p-bf3fbb9b.js";import{b as S,c as z}from"./p-e731976a.js";import{i as D}from"./p-b0502d01.js";import{C as O}from"./p-2d0d575f.js";import{b as C}from"./p-32f651f7.js";import{c as L}from"./p-86194314.js";import{c as T,a as V}from"./p-faea1620.js";import{V as E}from"./p-6a8f1251.js";import{F as k}from"./p-b347f967.js";import{P as A}from"./p-47c87634.js";import{c as _}from"./p-302e7589.js";import{C as N}from"./p-e5d7b4b8.js";import{N as G,P}from"./p-9fbdeada.js";import{M as U}from"./p-987fbbd0.js";import{T as F}from"./p-a9354a5c.js";import{T as K}from"./p-68ad953c.js";import"./p-74168615.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-331a62d5.js";import"./p-4d25df7d.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-0bb29d98.js";import"./p-9f3b1d77.js";import"./p-2306c736.js";import"./p-5f377954.js";import"./p-4ffd7493.js";import"./p-f404aa83.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";var M=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class q extends p{constructor(){super(...arguments),this.renderLabel=()=>this.label&&e("div",{class:"vega-input-select-label"},e("span",null,this.label),this.required&&e("span",{class:"vega-input-select-required"},"*")),this.renderErrorMessage=()=>e("div",{class:"vega-input-select-error-message"}),this.renderHelpMessage=()=>e("div",{class:"vega-input-select-hint"},this.hint)}render(){return e(t,{class:f([this.disabled?"vega-input-select-disabled":"",v.formatCustom(this.size)])},this.renderLabel(),this.dropdownRenderer.render(),this.renderErrorMessage(),this.hint&&this.renderHelpMessage())}}M([l()],q.prototype,"disabled",void 0),M([l()],q.prototype,"size",void 0),M([l()],q.prototype,"hint",void 0),M([l()],q.prototype,"label",void 0),M([l()],q.prototype,"required",void 0),M([l({componentFieldName:"vegaInputSelectDropdownRenderer"})],q.prototype,"dropdownRenderer",void 0);var B=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class W extends p{constructor(){super(...arguments),this.onDropdownShow=()=>{this.isDropdownShow=!0},this.onDropdownHide=()=>{this.isDropdownShow=!1}}addDropdownObserver(e){m.addUniqueObserverToNode(e,x,(()=>{this.onDropdownShow()})),m.addUniqueObserverToNode(e,b,(()=>{this.onDropdownHide()})),m.addUniqueObserverToNode(e,w,(async e=>{this.vegaInputSelectValueController.setValue(await e.host.getSelection())})),m.addUniqueObserverToNode(e,y,(e=>{this.searchEventEmitter.emit(e.detail)})),m.addUniqueObserverToNode(e,j,(e=>{this.searchTriggerEventEmitter.emit(e.detail)})),m.addUniqueObserverToNode(e,S,(e=>{const t=Array.from(e).filter((e=>!this.source.find((t=>t.id===e.itemKey)))).map((e=>({id:e.itemKey,displayName:e.label})));this.sourceController.appendSourceItems(t)}))}}B([l({writable:!0})],W.prototype,"isDropdownShow",void 0),B([l()],W.prototype,"vegaSearch",void 0),B([l()],W.prototype,"searchEventEmitter",void 0),B([l()],W.prototype,"searchTriggerEventEmitter",void 0),B([l()],W.prototype,"vegaInputSelectValueController",void 0),B([l()],W.prototype,"sourceController",void 0),B([l()],W.prototype,"source",void 0);var $=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class H extends p{constructor(){super(...arguments),this.handleValueChange=(e,t)=>{if("multiple"===this.selectType){t=t;const i=(e=e)?e.filter((e=>this.sourceController.getItem(e))):[];D(i,t,!0)?D(i,e,!0)||this.setValue(i):(this.setValue(i),this.changeEventEmitter.emit(i),O.notify(C,{host:this.host,detail:i}))}else if(e!==t){const t=this.sourceController.getItem(e);this.setValue(t?t.id:""),this.changeEventEmitter.emit(this.value),O.notify(C,{host:this.host,detail:this.value})}}}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){switch(this.selectType){case"single":return null===e||"string"==typeof e;case"multiple":return Array.isArray(e)&&e.every((e=>"string"==typeof e));default:return c.warn(`Invalid input select value ${e} for ${this.selectType} mode`),!1}}}$([l({writable:!0})],H.prototype,"value",void 0),$([l()],H.prototype,"selectType",void 0),$([l()],H.prototype,"changeEventEmitter",void 0),$([l()],H.prototype,"host",void 0),$([l()],H.prototype,"sourceController",void 0),$([d("watchValue")],H.prototype,"handleValueChange",void 0);var J=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Q extends p{constructor(){super(...arguments),this.renderContainer=()=>e("div",{role:"button",class:"vega-input-select-container",ref:e=>this.inputSelectContainer=e,tabIndex:0,onKeyDown:L(),onBlur:this.preventBlur},this.renderPrefixIcon(),this.renderSelectContainer(),this.renderToggleIcon()),this.renderPrefixIcon=()=>this.prefixIcon&&e("div",{class:"vega-input-select-prefix-icon"},e("vega-icon",{icon:this.prefixIcon,size:"size-16"})),this.renderToggleIcon=()=>e("div",{class:"vega-input-select-toggle-icon"},e("vega-icon",{icon:E.getIconKey(this.isDropdownShow?"chevron-up":"chevron-down")})),this.renderSelectContainer=()=>e("div",{class:"vega-input-select-select-container"},e("div",{class:"vega-input-select-selected-box"},"multiple"===this.selectType?this.renderMultipleSelected():this.renderSingleSelected())),this.renderMultipleSelected=()=>this.value.length>0?e("span",{class:"vega-input-select-selected"},this.selectedLabel(this.value)):e("div",{class:"vega-input-select-placeholder"},this.translationSlimmer.t(this.placeholder)),this.renderSingleSelected=()=>{const t=this.sourceController.getItem(this.value);return t?e("span",{class:"vega-input-select-selected"},t.displayName):e("div",{class:"vega-input-select-placeholder"},this.translationSlimmer.t(this.placeholder))},this.getVegaDropdownProperties=()=>Object.assign({searchable:!0,caseSensitive:!1},this.vegaDropdownProps)}show(){return this.dropdown.show()}hide(){return this.dropdown.hide()}getDropdownRef(){return this.dropdown}getInputSelectContainerRef(){return this.inputSelectContainer}getItemsSlotRef(){return this.itemsSlotRef}render(){return e("vega-dropdown",Object.assign({trigger:"click",source:this.getDropdownSource(),selectType:this.selectType,selectedSourceKey:this.value,matchTargetWidth:!0},this.getVegaDropdownProperties(),{ref:e=>{this.dropdown=e,this.vegaInputSelectDropdownController.addDropdownObserver(e)},isLazyLoading:this.isLazyLoading}),this.renderContainer(),this.renderItemsSlot())}renderItemsSlot(){return this.host.querySelector("[slot=items]")&&e("div",{slot:"items",ref:e=>{this.itemsSlotRef=e}})}preventBlur(e){e.stopImmediatePropagation()}getDropdownSource(){return this.source.map((e=>({key:e.id,label:e.displayName})))}}E.register({"chevron-up":T,"chevron-down":V}),J([l()],Q.prototype,"value",void 0),J([l()],Q.prototype,"source",void 0),J([l()],Q.prototype,"host",void 0),J([l()],Q.prototype,"selectType",void 0),J([l()],Q.prototype,"isDropdownShow",void 0),J([l()],Q.prototype,"vegaDropdownProps",void 0),J([l()],Q.prototype,"prefixIcon",void 0),J([l()],Q.prototype,"placeholder",void 0),J([l()],Q.prototype,"selectedLabel",void 0),J([l()],Q.prototype,"isLazyLoading",void 0),J([l()],Q.prototype,"vegaInputSelectDropdownController",void 0),J([l()],Q.prototype,"sourceController",void 0),J([l()],Q.prototype,"translationSlimmer",void 0);var X=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Y extends p{constructor(){super(...arguments),this.hasMore=!0}componentDidLoad(){const e=this.getVirtualScroll();e&&m.addUniqueObserverToNode(e,z,this.onScrollToBottom.bind(this))}getVirtualScroll(){var e,t,i;return null===(i=null===(t=null===(e=this.vegaInputSelectDropdownRenderer.getDropdownRef().shadowRoot)||void 0===e?void 0:e.querySelector("vega-dropdown-content-box"))||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("vega-virtual-scroll")}async onScrollToBottom(e){if(this.sourceLazyLoadCallback&&this.hasMore){this.isLazyLoading=!0;const t=await this.sourceLazyLoadCallback(e.endIndex);this.hasMore=t.hasMore,t.items.length>0&&this.sourceController.appendSourceItems(t.items),this.isLazyLoading=!1}}}X([l()],Y.prototype,"sourceLazyLoadCallback",void 0),X([l({writable:!0})],Y.prototype,"isLazyLoading",void 0),X([l()],Y.prototype,"sourceController",void 0),X([l()],Y.prototype,"vegaInputSelectDropdownRenderer",void 0),X([d("componentDidLoad")],Y.prototype,"componentDidLoad",null);const Z=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Specifies whether the system should automatically carry out validation checks on the user's selection in real-time, ensuring that the input adheres to predefined criteria before submission or proceeding further",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Specifies whether the system should automatically carry out validation checks on the user's selection in real-time, ensuring that the input adheres to predefined criteria before submission or proceeding further",payloadValue:e=>!1===e.autoValidation},{payloadKey:"IS_USING_TEMPLATE",payloadDescription:"Contains the data records to be rendered and displayed within the input select",payloadValue:e=>0===e.source.length},{payloadKey:"IS_USING_DATA_SOURCE",payloadDescription:"Contains the data records to be rendered and displayed within the input select",payloadValue:e=>e.source.length>0}];var ee=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class te extends p{constructor(){super(...arguments),this.handleSourceChange=()=>{this.source=G(this.source,P)?this.source:[]}}appendSourceItems(e){this.source=[...this.source,...e]}getItem(e){return this.source.find((t=>t.id===e))}}ee([l({writable:!0})],te.prototype,"source",void 0),ee([d("watchSource")],te.prototype,"handleSourceChange",void 0);var ie=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class se extends p{constructor(){super(...arguments),this.mutationObserver=new U({mutationFilter:F("VEGA-DROPDOWN-ITEM"),options:{childList:!0,subtree:!0},callback:()=>this.appendHostItemsToDropdown()})}componentDidLoad(){this.appendHostItemsToDropdown()}appendHostItemsToDropdown(){const e=this.host.querySelector("[slot=items]"),t=this.vegaInputSelectDropdownRenderer.getItemsSlotRef();e&&t&&(t.remove(),this.vegaInputSelectDropdownRenderer.getDropdownRef().append(e))}}ie([h()],se.prototype,"mutationObserver",void 0),ie([l()],se.prototype,"host",void 0),ie([l()],se.prototype,"vegaInputSelectDropdownRenderer",void 0),ie([d("componentDidLoad")],se.prototype,"componentDidLoad",null);var oe=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const re=class{constructor(e){i(this,e),this.vegaChange=s(this,"vegaChange",7),this.change=s(this,"change",7),this.vegaSearch=s(this,"vegaSearch",7),this.search=s(this,"search",7),this.vegaSearchTrigger=s(this,"vegaSearchTrigger",7),this.searchTrigger=s(this,"searchTrigger",7),this.globalSlimmers={},this.translationSlimmer=new K,this.sourceController=new te,this.vegaInputSelectRenderer=new q,this.vegaInputSelectDropdownController=new W,this.vegaInputSelectValueController=new H,this.vegaInputSelectDropdownRenderer=new Q,this.vegaInputSelectItemsSlotController=new se,this.formFieldControllerSlimmer=new k({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new r:null}],validationRulesName:"validationRules",defaultValue:e=>"multiple"===e.selectType?[]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaInputSelectDropdownRenderer.getDropdownRef(),touchableAreaGetter:()=>[this.vegaInputSelectDropdownRenderer.getInputSelectContainerRef()]}),this.pageResizeObserverSlimmer=new A,this.lazyLoadController=new Y,this.changeEventEmitter=_(re,I),this.searchEventEmitter=_(re,R),this.searchTriggerEventEmitter=_(re,j),this.eventPrevent=new N([R,j],(()=>this.host),!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(Z),this.isDropdownShow=!1,this.currentBreakpoint=a(),this.isLazyLoading=!1,this.label="",this.required=!1,this.selectedLabel=e=>`${e.length} Selected`,this.selectType="single",this.source=[],this.value="multiple"===this.selectType?[]:"",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="Please select",this.vegaDropdownProps={},this.size="default"}watchSource(){}watchValue(e,t){}watchValidationRules(){}componentWillLoad(){}async doClose(){await this.vegaInputSelectDropdownRenderer.hide()}async doOpen(){await this.vegaInputSelectDropdownRenderer.show()}async doChange(e){this.vegaInputSelectValueController.setValue(e)}render(){return n(this.vegaInputSelectRenderer.render(),this.host)}get host(){return o(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};oe([u()],re.prototype,"globalSlimmers",void 0),oe([h()],re.prototype,"translationSlimmer",void 0),oe([h()],re.prototype,"sourceController",void 0),oe([h()],re.prototype,"vegaInputSelectRenderer",void 0),oe([h()],re.prototype,"vegaInputSelectDropdownController",void 0),oe([h()],re.prototype,"vegaInputSelectValueController",void 0),oe([h()],re.prototype,"vegaInputSelectDropdownRenderer",void 0),oe([h()],re.prototype,"vegaInputSelectItemsSlotController",void 0),oe([h()],re.prototype,"formFieldControllerSlimmer",void 0),oe([h()],re.prototype,"pageResizeObserverSlimmer",void 0),oe([h()],re.prototype,"lazyLoadController",void 0),oe([h()],re.prototype,"changeEventEmitter",void 0),oe([h()],re.prototype,"searchEventEmitter",void 0),oe([h()],re.prototype,"searchTriggerEventEmitter",void 0),oe([h()],re.prototype,"eventPrevent",void 0),oe([h()],re.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),re.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}:host(.default) .vega-input-select-container{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px}:host(.small) .vega-input-select-container{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));padding-bottom:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-input-select-label .vega-input-select-required{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}:host .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;gap:8px;display:block;display:flex;align-items:center;cursor:pointer}:host .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .error .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .error .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .error .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host(.vega-input-select-disabled) .vega-input-select-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.vega-input-select-disabled) vega-dropdown{pointer-events:none}:host(.vega-input-select-disabled) .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-input-select-disabled) .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-input-select-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-input-select-select-container{flex-grow:1;min-width:0px}:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.vega-input-select-disabled) .vega-input-select-selected{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-input-select-prefix-icon{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}:host .vega-input-select-toggle-icon{width:16px;height:16px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}:host .vega-input-select-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host vega-dropdown{display:block}';export{re as vega_input_select}

package/dist/vega/{p-0ae9b900.entry.js → p-83ef4c13.entry.js}

@@ -1 +1 @@
-import{h as e,H as t,r as i,c as r,g as n}from"./p-1c298d5a.js";import{c as o,V as a,M as s,I as l}from"./p-6e1ab235.js";import{V as c,I as d}from"./p-61f6167c.js";import{V as p}from"./p-6a8f1251.js";import{s as h}from"./p-9b797118.js";import{D as u}from"./p-6c6d86da.js";import{a as f,e as g}from"./p-3f5e44c1.js";import{f as m}from"./p-04215e74.js";import{b as v}from"./p-32f651f7.js";import{C as b}from"./p-2d0d575f.js";import{d as w}from"./p-47a4c625.js";import{c as x}from"./p-8ef03eed.js";import{F as j}from"./p-b347f967.js";import{R as y}from"./p-e2acbc60.js";import{P as R}from"./p-47c87634.js";import{g as C}from"./p-f46c930f.js";import{T as z}from"./p-68ad953c.js";import"./p-4d25df7d.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-9fbdeada.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-2d5a9f66.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-acc14aa2.js";import"./p-19ef612a.js";import"./p-0bb29d98.js";import"./p-e731976a.js";import"./p-9f3b1d77.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";var I=function(e,t,i,r){var n,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};class V extends a{render(){return e(t,null,"written"===this.mode&&this.writtenModeRenderer.render())}}I([o()],V.prototype,"mode",void 0),I([o()],V.prototype,"writtenModeRenderer",void 0);var S=function(e,t,i,r){var n,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};class L extends a{constructor(){super(...arguments),this.signatureCaptureFocus=()=>{this.signatureCaptureContainerRef.focus()}}getSignatureCaptureContainer(){return this.signatureCaptureContainerRef}render(){return e("vega-flex",{direction:"col",gap:"size-8"},this.renderLabel(),this.renderContainer(),this.renderFooter())}renderLabel(){return this.label&&e("vega-field-label",{onClick:this.signatureCaptureFocus,isFieldRequired:this.required,label:this.label,disabled:this.disabled})}renderContainer(){return e("div",{class:{"signature-capture-written-container":!0,disabled:this.disabled},"aria-label":"Please sign here",role:"textbox",tabIndex:this.disabled?-1:0,ref:e=>this.signatureCaptureContainerRef=e},this.renderPlaceholder(),this.renderSignaturePad())}renderPlaceholder(){if(!this.isDrawing&&!this.value)return this.placeholder&&e("vega-flex",{class:"placeholder-container",gap:"size-8",justifyContent:"center",alignItems:"center",margin:{left:"size-24",right:"size-24"}},this.placeholderIcon&&e("vega-icon",{class:"placeholder-container-icon",size:"size-20",color:"text-secondary",icon:this.placeholderIcon}),e("div",{class:"placeholder-container-content"},this.translationSlimmer.t(this.placeholder)))}renderSignaturePad(){return e("svg",{style:{width:"100%",height:m(this.height,"widthAndHeight"),touchAction:"none"},ref:e=>this.writtenModeSvgController.setSignatureContainerRef(e)})}renderFooter(){return this.showClearBtn&&e("vega-flex",{class:"signature-capture-written-footer",justifyContent:"space-between"},e("div",{class:"vega-error vega-hidden vega-error-content"}),this.renderClearBtn())}renderClearBtn(){return e("div",{class:"clear-button"},e("vega-button-link",{size:"small",disabled:this.disabled,ref:e=>{u.addUniqueObserverToNode(e,f,(()=>{this.writtenModeSvgController.clear()}))},label:this.translationSlimmer.t("Clear Signature")}))}}p.register({signature:{icon:'<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M176 128c0-26.5 21.5-48 48-48s48 21.5 48 48v7.9c0 27.5-2.3 55-7 82.1L158 251.1c-36.9 11.4-62 45.5-62 84.1V410c0 38.6 31.3 70 70 70c24.6 0 47.4-12.9 60-34l15.9-26.4c29.6-49.4 51.1-103.3 63.6-159.5l1-4.7 110.8-34.3-23.9 66.8c-2.6 7.4-1.5 15.5 3 21.9s11.8 10.2 19.6 10.2H552c13.3 0 24-10.7 24-24s-10.7-24-24-24H450.1l28.5-79.9c3.1-8.6 1-18.1-5.3-24.7s-15.7-9-24.4-6.3l-133 41.2c2.7-22 4.1-44.2 4.1-66.4V128c0-53-43-96-96-96s-96 43-96 96v40c0 13.3 10.7 24 24 24s24-10.7 24-24V128zm-3.8 169l80.9-25c-11.7 43.2-29.4 84.5-52.4 123l-15.9 26.4c-4 6.6-11.1 10.7-18.8 10.7c-12.1 0-22-9.8-22-22V335.2c0-17.5 11.4-33 28.2-38.2zM64 368H24c-13.3 0-24 10.7-24 24s10.7 24 24 24H64.2c-.1-2-.2-4-.2-6V368zm216.8 48H616c13.3 0 24-10.7 24-24s-10.7-24-24-24H304.1c-7 16.3-14.8 32.4-23.3 48z"/></svg>'}}),S([o()],L.prototype,"label",void 0),S([o()],L.prototype,"required",void 0),S([o()],L.prototype,"showClearBtn",void 0),S([o()],L.prototype,"placeholder",void 0),S([o()],L.prototype,"placeholderIcon",void 0),S([o()],L.prototype,"disabled",void 0),S([o()],L.prototype,"value",void 0),S([o()],L.prototype,"isDrawing",void 0),S([o()],L.prototype,"height",void 0),S([o()],L.prototype,"writtenModeSvgController",void 0),S([o()],L.prototype,"translationSlimmer",void 0);var k=function(e,t,i,r){var n,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};class M extends a{constructor(){super(...arguments),this.penWidth="4px",this.clear=()=>{this.signatureContainerRef.innerHTML="",this.value=null},this.startDrawing=e=>{if(this.disabled)return;this.isDrawing=!0;const{x:t,y:i}=this.getPoint(e);this.currentPath=document.createElementNS("http://www.w3.org/2000/svg","path"),this.currentPath.setAttribute("d",`M ${t} ${i}`),Object.assign(this.currentPath.style,{stroke:"rgba(4, 4, 28, 1)",strokeWidth:this.penWidth,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),this.signatureContainerRef.appendChild(this.currentPath)},this.getPoint=e=>{var t,i;const r=this.signatureContainerRef.getBoundingClientRect(),n=null!==(t=e.clientX)&&void 0!==t?t:e.touches[0].clientX,o=null!==(i=e.clientY)&&void 0!==i?i:e.touches[0].clientY;return{x:n-r.left,y:o-r.top}},this.draw=e=>{if(!this.isDrawing)return;const{x:t,y:i}=this.getPoint(e),r=this.currentPath.getAttribute("d");this.currentPath.setAttribute("d",`${r} L ${t} ${i}`)},this.stopDrawing=()=>{this.isDrawing&&(this.isDrawing=!1,this.value={type:"written",img:this.generateSignatureImage()})}}componentDidLoad(){this.setupListeners(),this.fillSignature(this.value)}handleClear(){this.clear()}watchValue(e,t){w(e,t)||(this.changeEventEmitter.emit(e),this.fillSignature(e),b.notify(v,{host:this.host,detail:e}))}setSignatureContainerRef(e){this.signatureContainerRef=e}setupListeners(){const e=this.signatureContainerRef;e.addEventListener("mousedown",this.startDrawing),e.addEventListener("mousemove",this.draw),e.addEventListener("mouseup",this.stopDrawing),e.addEventListener("mouseleave",this.stopDrawing),e.addEventListener("touchstart",this.startDrawing),e.addEventListener("touchmove",this.draw),e.addEventListener("touchend",this.stopDrawing)}generateSignatureImage(){const e=(new XMLSerializer).serializeToString(this.signatureContainerRef);return`data:image/svg+xml;base64,${btoa(unescape(encodeURIComponent(e)))}`}fromDataURL(e){if(!e||!e.img)return;const t=this.value.img.replace("data:image/svg+xml;base64,","");return(new DOMParser).parseFromString(atob(t),"image/svg+xml").documentElement}fillSignature(e){this.signatureContainerRef.replaceChildren();const t=this.fromDataURL(e);if(t){const e=Array.from(t.childNodes);this.signatureContainerRef.append(...e)}}}k([o()],M.prototype,"changeEventEmitter",void 0),k([o()],M.prototype,"host",void 0),k([o({writable:!0})],M.prototype,"value",void 0),k([o({writable:!0})],M.prototype,"isDrawing",void 0),k([o()],M.prototype,"disabled",void 0),k([s("componentDidLoad")],M.prototype,"componentDidLoad",null),k([s("clear")],M.prototype,"handleClear",null),k([s("watchValue")],M.prototype,"watchValue",null);var O=function(e,t,i,r){var n,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};const D=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new z,this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.vegaSignatureCaptureRenderer=new V,this.writtenModeRenderer=new L,this.writtenModeSvgController=new M,this.changeEventEmitter=x(D,g),this.formFieldController=new j({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new y:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.writtenModeRenderer.getSignatureCaptureContainer(),touchableAreaGetter:()=>[this.writtenModeRenderer.getSignatureCaptureContainer()]}),this.pageResizeSlimmer=new R,this.currentBreakpoint=C(),this.isDrawing=!1,this.mode="written",this.label="",this.required=!1,this.showClearBtn=!0,this.placeholder="Please sign here",this.placeholderIcon=p.getIconKey("signature"),this.disabled=!1,this.value=null,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.height="320px"}watchValue(e,t){}watchValidationRules(){}async clear(){}render(){return h(this.vegaSignatureCaptureRenderer.render(),this.host)}get host(){return n(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};O([d()],D.prototype,"globalSlimmers",void 0),O([l()],D.prototype,"translationSlimmer",void 0),O([l()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),O([l()],D.prototype,"vegaSignatureCaptureRenderer",void 0),O([l()],D.prototype,"writtenModeRenderer",void 0),O([l()],D.prototype,"writtenModeSvgController",void 0),O([l()],D.prototype,"changeEventEmitter",void 0),O([l()],D.prototype,"formFieldController",void 0),O([l()],D.prototype,"pageResizeSlimmer",void 0),D.style=':host{display:block}.signature-capture-written-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;overflow:hidden;width:100%;position:relative;background-color:rgb(252, 252, 252)}.signature-capture-written-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.signature-capture-written-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}.signature-capture-written-container .placeholder-container{height:100%;position:absolute;top:0px;right:0px;bottom:0px;left:0px;pointer-events:none}.signature-capture-written-container .placeholder-container-content{font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px;color:rgba(4, 4, 28, 0.64)}@media screen and (min-width: 768px) and (max-width: 1023px){.signature-capture-written-container .placeholder-container-content{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.signature-capture-written-container .placeholder-container-content{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.signature-capture-written-container .placeholder-container-content{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.signature-capture-written-container .placeholder-container-icon{flex-shrink:0;color:rgba(4, 4, 28, 0.64)}.signature-capture-written-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.signature-capture-written-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.signature-capture-written-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1))}.signature-capture-written-container.disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.signature-capture-written-container.disabled:hover,.signature-capture-written-container.disabled:focus-within{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.signature-capture-written-container.disabled:focus-within{outline:none}.signature-capture-written-container.disabled .placeholder-container-content,.signature-capture-written-container.disabled .placeholder-container-icon{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}.signature-capture-written-footer .clear-button{flex-grow:1;padding-right:8px;text-align:right}.signature-capture-written-footer .vega-error-content{padding-top:0px;padding-right:0px;flex-grow:1}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}';export{D as vega_signature_capture}
+import{h as e,H as t,r as i,c as r,g as n}from"./p-1c298d5a.js";import{c as o,V as a,M as s,I as l}from"./p-6e1ab235.js";import{V as c,I as d}from"./p-61f6167c.js";import{V as p}from"./p-6a8f1251.js";import{s as h}from"./p-9b797118.js";import{D as u}from"./p-6c6d86da.js";import{a as f,e as g}from"./p-bf3fbb9b.js";import{f as m}from"./p-04215e74.js";import{b as v}from"./p-32f651f7.js";import{C as b}from"./p-2d0d575f.js";import{d as w}from"./p-47a4c625.js";import{c as x}from"./p-302e7589.js";import{F as j}from"./p-b347f967.js";import{R as y}from"./p-e2acbc60.js";import{P as R}from"./p-47c87634.js";import{g as C}from"./p-f46c930f.js";import{T as z}from"./p-68ad953c.js";import"./p-4d25df7d.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-9fbdeada.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-2d5a9f66.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-acc14aa2.js";import"./p-2306c736.js";import"./p-0bb29d98.js";import"./p-e731976a.js";import"./p-9f3b1d77.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";var I=function(e,t,i,r){var n,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};class V extends a{render(){return e(t,null,"written"===this.mode&&this.writtenModeRenderer.render())}}I([o()],V.prototype,"mode",void 0),I([o()],V.prototype,"writtenModeRenderer",void 0);var S=function(e,t,i,r){var n,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};class L extends a{constructor(){super(...arguments),this.signatureCaptureFocus=()=>{this.signatureCaptureContainerRef.focus()}}getSignatureCaptureContainer(){return this.signatureCaptureContainerRef}render(){return e("vega-flex",{direction:"col",gap:"size-8"},this.renderLabel(),this.renderContainer(),this.renderFooter())}renderLabel(){return this.label&&e("vega-field-label",{onClick:this.signatureCaptureFocus,isFieldRequired:this.required,label:this.label,disabled:this.disabled})}renderContainer(){return e("div",{class:{"signature-capture-written-container":!0,disabled:this.disabled},"aria-label":"Please sign here",role:"textbox",tabIndex:this.disabled?-1:0,ref:e=>this.signatureCaptureContainerRef=e},this.renderPlaceholder(),this.renderSignaturePad())}renderPlaceholder(){if(!this.isDrawing&&!this.value)return this.placeholder&&e("vega-flex",{class:"placeholder-container",gap:"size-8",justifyContent:"center",alignItems:"center",margin:{left:"size-24",right:"size-24"}},this.placeholderIcon&&e("vega-icon",{class:"placeholder-container-icon",size:"size-20",color:"text-secondary",icon:this.placeholderIcon}),e("div",{class:"placeholder-container-content"},this.translationSlimmer.t(this.placeholder)))}renderSignaturePad(){return e("svg",{style:{width:"100%",height:m(this.height,"widthAndHeight"),touchAction:"none"},ref:e=>this.writtenModeSvgController.setSignatureContainerRef(e)})}renderFooter(){return this.showClearBtn&&e("vega-flex",{class:"signature-capture-written-footer",justifyContent:"space-between"},e("div",{class:"vega-error vega-hidden vega-error-content"}),this.renderClearBtn())}renderClearBtn(){return e("div",{class:"clear-button"},e("vega-button-link",{size:"small",disabled:this.disabled,ref:e=>{u.addUniqueObserverToNode(e,f,(()=>{this.writtenModeSvgController.clear()}))},label:this.translationSlimmer.t("Clear Signature")}))}}p.register({signature:{icon:'<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M176 128c0-26.5 21.5-48 48-48s48 21.5 48 48v7.9c0 27.5-2.3 55-7 82.1L158 251.1c-36.9 11.4-62 45.5-62 84.1V410c0 38.6 31.3 70 70 70c24.6 0 47.4-12.9 60-34l15.9-26.4c29.6-49.4 51.1-103.3 63.6-159.5l1-4.7 110.8-34.3-23.9 66.8c-2.6 7.4-1.5 15.5 3 21.9s11.8 10.2 19.6 10.2H552c13.3 0 24-10.7 24-24s-10.7-24-24-24H450.1l28.5-79.9c3.1-8.6 1-18.1-5.3-24.7s-15.7-9-24.4-6.3l-133 41.2c2.7-22 4.1-44.2 4.1-66.4V128c0-53-43-96-96-96s-96 43-96 96v40c0 13.3 10.7 24 24 24s24-10.7 24-24V128zm-3.8 169l80.9-25c-11.7 43.2-29.4 84.5-52.4 123l-15.9 26.4c-4 6.6-11.1 10.7-18.8 10.7c-12.1 0-22-9.8-22-22V335.2c0-17.5 11.4-33 28.2-38.2zM64 368H24c-13.3 0-24 10.7-24 24s10.7 24 24 24H64.2c-.1-2-.2-4-.2-6V368zm216.8 48H616c13.3 0 24-10.7 24-24s-10.7-24-24-24H304.1c-7 16.3-14.8 32.4-23.3 48z"/></svg>'}}),S([o()],L.prototype,"label",void 0),S([o()],L.prototype,"required",void 0),S([o()],L.prototype,"showClearBtn",void 0),S([o()],L.prototype,"placeholder",void 0),S([o()],L.prototype,"placeholderIcon",void 0),S([o()],L.prototype,"disabled",void 0),S([o()],L.prototype,"value",void 0),S([o()],L.prototype,"isDrawing",void 0),S([o()],L.prototype,"height",void 0),S([o()],L.prototype,"writtenModeSvgController",void 0),S([o()],L.prototype,"translationSlimmer",void 0);var k=function(e,t,i,r){var n,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};class M extends a{constructor(){super(...arguments),this.penWidth="4px",this.clear=()=>{this.signatureContainerRef.innerHTML="",this.value=null},this.startDrawing=e=>{if(this.disabled)return;this.isDrawing=!0;const{x:t,y:i}=this.getPoint(e);this.currentPath=document.createElementNS("http://www.w3.org/2000/svg","path"),this.currentPath.setAttribute("d",`M ${t} ${i}`),Object.assign(this.currentPath.style,{stroke:"rgba(4, 4, 28, 1)",strokeWidth:this.penWidth,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),this.signatureContainerRef.appendChild(this.currentPath)},this.getPoint=e=>{var t,i;const r=this.signatureContainerRef.getBoundingClientRect(),n=null!==(t=e.clientX)&&void 0!==t?t:e.touches[0].clientX,o=null!==(i=e.clientY)&&void 0!==i?i:e.touches[0].clientY;return{x:n-r.left,y:o-r.top}},this.draw=e=>{if(!this.isDrawing)return;const{x:t,y:i}=this.getPoint(e),r=this.currentPath.getAttribute("d");this.currentPath.setAttribute("d",`${r} L ${t} ${i}`)},this.stopDrawing=()=>{this.isDrawing&&(this.isDrawing=!1,this.value={type:"written",img:this.generateSignatureImage()})}}componentDidLoad(){this.setupListeners(),this.fillSignature(this.value)}handleClear(){this.clear()}watchValue(e,t){w(e,t)||(this.changeEventEmitter.emit(e),this.fillSignature(e),b.notify(v,{host:this.host,detail:e}))}setSignatureContainerRef(e){this.signatureContainerRef=e}setupListeners(){const e=this.signatureContainerRef;e.addEventListener("mousedown",this.startDrawing),e.addEventListener("mousemove",this.draw),e.addEventListener("mouseup",this.stopDrawing),e.addEventListener("mouseleave",this.stopDrawing),e.addEventListener("touchstart",this.startDrawing),e.addEventListener("touchmove",this.draw),e.addEventListener("touchend",this.stopDrawing)}generateSignatureImage(){const e=(new XMLSerializer).serializeToString(this.signatureContainerRef);return`data:image/svg+xml;base64,${btoa(unescape(encodeURIComponent(e)))}`}fromDataURL(e){if(!e||!e.img)return;const t=this.value.img.replace("data:image/svg+xml;base64,","");return(new DOMParser).parseFromString(atob(t),"image/svg+xml").documentElement}fillSignature(e){this.signatureContainerRef.replaceChildren();const t=this.fromDataURL(e);if(t){const e=Array.from(t.childNodes);this.signatureContainerRef.append(...e)}}}k([o()],M.prototype,"changeEventEmitter",void 0),k([o()],M.prototype,"host",void 0),k([o({writable:!0})],M.prototype,"value",void 0),k([o({writable:!0})],M.prototype,"isDrawing",void 0),k([o()],M.prototype,"disabled",void 0),k([s("componentDidLoad")],M.prototype,"componentDidLoad",null),k([s("clear")],M.prototype,"handleClear",null),k([s("watchValue")],M.prototype,"watchValue",null);var O=function(e,t,i,r){var n,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};const D=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new z,this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.vegaSignatureCaptureRenderer=new V,this.writtenModeRenderer=new L,this.writtenModeSvgController=new M,this.changeEventEmitter=x(D,g),this.formFieldController=new j({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new y:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.writtenModeRenderer.getSignatureCaptureContainer(),touchableAreaGetter:()=>[this.writtenModeRenderer.getSignatureCaptureContainer()]}),this.pageResizeSlimmer=new R,this.currentBreakpoint=C(),this.isDrawing=!1,this.mode="written",this.label="",this.required=!1,this.showClearBtn=!0,this.placeholder="Please sign here",this.placeholderIcon=p.getIconKey("signature"),this.disabled=!1,this.value=null,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.height="320px"}watchValue(e,t){}watchValidationRules(){}async clear(){}render(){return h(this.vegaSignatureCaptureRenderer.render(),this.host)}get host(){return n(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};O([d()],D.prototype,"globalSlimmers",void 0),O([l()],D.prototype,"translationSlimmer",void 0),O([l()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),O([l()],D.prototype,"vegaSignatureCaptureRenderer",void 0),O([l()],D.prototype,"writtenModeRenderer",void 0),O([l()],D.prototype,"writtenModeSvgController",void 0),O([l()],D.prototype,"changeEventEmitter",void 0),O([l()],D.prototype,"formFieldController",void 0),O([l()],D.prototype,"pageResizeSlimmer",void 0),D.style=':host{display:block}.signature-capture-written-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;overflow:hidden;width:100%;position:relative;background-color:rgb(252, 252, 252)}.signature-capture-written-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.signature-capture-written-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}.signature-capture-written-container .placeholder-container{height:100%;position:absolute;top:0px;right:0px;bottom:0px;left:0px;pointer-events:none}.signature-capture-written-container .placeholder-container-content{font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px;color:rgba(4, 4, 28, 0.64)}@media screen and (min-width: 768px) and (max-width: 1023px){.signature-capture-written-container .placeholder-container-content{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.signature-capture-written-container .placeholder-container-content{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.signature-capture-written-container .placeholder-container-content{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.signature-capture-written-container .placeholder-container-icon{flex-shrink:0;color:rgba(4, 4, 28, 0.64)}.signature-capture-written-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.signature-capture-written-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.signature-capture-written-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1))}.signature-capture-written-container.disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.signature-capture-written-container.disabled:hover,.signature-capture-written-container.disabled:focus-within{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.signature-capture-written-container.disabled:focus-within{outline:none}.signature-capture-written-container.disabled .placeholder-container-content,.signature-capture-written-container.disabled .placeholder-container-icon{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}.signature-capture-written-footer .clear-button{flex-grow:1;padding-right:8px;text-align:right}.signature-capture-written-footer .vega-error-content{padding-top:0px;padding-right:0px;flex-grow:1}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}';export{D as vega_signature_capture}

package/dist/vega/{p-ad31be2c.entry.js → p-87cd0d6a.entry.js}

@@ -1 +1 @@
-import{h as e,r as t,c as o,H as r,g as a}from"./p-1c298d5a.js";import{s as p}from"./p-9b797118.js";import{I as s}from"./p-84fa8466.js";import{c as i,M as n,V as c,I as v}from"./p-6e1ab235.js";import{V as l,I as g}from"./p-61f6167c.js";import{c as h}from"./p-8ef03eed.js";import{H as m,I as d}from"./p-3f5e44c1.js";import{E as f}from"./p-6b8277eb.js";import"./p-5453f591.js";import"./p-4163c2c2.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-6c6d86da.js";import"./p-331a62d5.js";import"./p-19ef612a.js";import"./p-74168615.js";import"./p-9fbdeada.js";import"./p-f46c930f.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-2d5a9f66.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-781fd6e0.js";import"./p-47c87634.js";var b=function(e,t,o,r){var a,p=arguments.length,s=p<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(a=e[i])&&(s=(p<3?a(s):p>3?a(t,o,s):a(t,o))||s);return p>3&&s&&Object.defineProperty(t,o,s),s};class w extends c{appendPopoverSlotContent(){const e=this.host.querySelector("[slot='popover']");e&&this.popoverContentBox.appendChild(e)}getPopoverContentBox(){return this.popoverContentBox}render(){return e("vega-popover-content-box",{ref:e=>this.popoverContentBox=e,showArrow:this.showArrow})}}b([i()],w.prototype,"host",void 0),b([i()],w.prototype,"showArrow",void 0),b([n("componentDidRender")],w.prototype,"appendPopoverSlotContent",null);var x=function(e,t,o,r){var a,p=arguments.length,s=p<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(a=e[i])&&(s=(p<3?a(s):p>3?a(t,o,s):a(t,o))||s);return p>3&&s&&Object.defineProperty(t,o,s),s};class u extends f{constructor(){super((()=>({target:this.host,appendableElement:this.appenderRenderer.getPopoverContentBox(),positionRelativeTo:this.positionRelativeTo,matchTargetWidth:!1,size:this.size,placement:this.placement,alignment:this.alignment})),(()=>this.trigger),"isPopoverShow")}}x([i()],u.prototype,"host",void 0),x([i()],u.prototype,"trigger",void 0),x([i()],u.prototype,"positionRelativeTo",void 0),x([i()],u.prototype,"placement",void 0),x([i()],u.prototype,"alignment",void 0),x([i()],u.prototype,"size",void 0),x([i({writable:!0})],u.prototype,"isPopoverShow",void 0),x([i()],u.prototype,"appenderRenderer",void 0);var j=function(e,t,o,r){var a,p=arguments.length,s=p<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(a=e[i])&&(s=(p<3?a(s):p>3?a(t,o,s):a(t,o))||s);return p>3&&s&&Object.defineProperty(t,o,s),s};const R=class{constructor(e){t(this,e),this.vegaPopoverShow=o(this,"vegaPopoverShow",7),this.popoverShow=o(this,"popoverShow",7),this.vegaPopoverHide=o(this,"vegaPopoverHide",7),this.popoverHide=o(this,"popoverHide",7),this.globalSlimmers={},this.appenderRenderer=new w,this.appenderController=new u,this.popoverShowEventEmitter=h(R,m),this.popoverHideEventEmitter=h(R,d),this.vegaComponentUsageRuntimeMetricsSlimmer=new l,this.isPopoverShow=!1,this.placement="top",this.alignment="center",this.trigger="click",this.showArrow=!0,this.showPopover=()=>{this.appenderController.show()},this.hidePopover=()=>{this.appenderController.hide()}}async watchIsPopoverShow(){this.isPopoverShow?this.popoverShowEventEmitter.emit():this.popoverHideEventEmitter.emit()}watchToRefreshPopover(){this.isPopoverShow&&this.appenderController.show()}componentDidRender(){}async show(){this.isPopoverShow||this.showPopover()}async hide(){this.isPopoverShow&&this.hidePopover()}render(){return p(e(r,null,e("slot",{name:"popover-content"}),this.appenderRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{isPopoverShow:["watchIsPopoverShow"],size:["watchToRefreshPopover"],placement:["watchToRefreshPopover"],alignment:["watchToRefreshPopover"]}}};j([g()],R.prototype,"globalSlimmers",void 0),j([v()],R.prototype,"appenderRenderer",void 0),j([v()],R.prototype,"appenderController",void 0),j([v()],R.prototype,"popoverShowEventEmitter",void 0),j([v()],R.prototype,"popoverHideEventEmitter",void 0),j([v()],R.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),j([s((e=>[{keyCode:"Escape",activeElementInScope:[e.host],callback:e.hidePopover},{keyCode:"Tab",activeElementOutScope:[e.host,e.appenderRenderer.getPopoverContentBox()],callback:e.hidePopover},{keyCode:"Tab",activeElementInScope:[e.host],callback:()=>{"hover"===e.trigger&&e.showPopover()}}]))],R.prototype,"host",void 0),R.style=":host{display:inline-block}";var y=function(e,t,o,r){var a,p=arguments.length,s=p<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(a=e[i])&&(s=(p<3?a(s):p>3?a(t,o,s):a(t,o))||s);return p>3&&s&&Object.defineProperty(t,o,s),s};const S=class{constructor(e){t(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new l,this.showArrow=!0}render(){return p(e(r,{class:{"vega-popover":!0,"no-arrow":!this.showArrow},role:"tooltip"},e("div",{class:"vega-popover-content"},e("slot",{name:"popover"}),this.showArrow&&e("div",{class:"vega-arrow"})),e("slot",null)),this.host)}get host(){return a(this)}};y([g()],S.prototype,"globalSlimmers",void 0),y([v()],S.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),S.style=':host{position:absolute}:host(.vega-force-hidden){display:none !important}.vega-popover-content{border-radius:8px;padding:16px;position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));box-shadow:var(--v-shadow-popover, 0px 0px 88px 0px rgba(2, 2, 15, 0.01), 0px 0px 32px 0px rgba(2, 2, 15, 0.02), 0px 4px 72px 0px rgba(2, 2, 15, 0.06))}.vega-popover-content .vega-arrow{position:absolute}.vega-popover-content .vega-arrow::after{display:inline-block;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));content:"";border-right-width:0px;border-bottom-width:0px;border-radius:4px 1px 0 1px;transform:skewX(18deg);width:18px;height:17.12px;border-right-color:transparent;border-bottom-color:transparent}:host(.vega-placement-left) .vega-arrow{transform:rotate(144deg);right:-9px}:host(.vega-placement-left.vega-alignment-start) .vega-arrow{top:8px}:host(.vega-placement-left.vega-alignment-center) .vega-arrow{top:calc(50% - 14px)}:host(.vega-placement-left.vega-alignment-end) .vega-arrow{bottom:12px}:host(.vega-placement-right) .vega-arrow{transform:rotate(324deg);left:-9px}:host(.vega-placement-right.vega-alignment-start) .vega-arrow{top:12px}:host(.vega-placement-right.vega-alignment-center) .vega-arrow{top:calc(50% - 10px)}:host(.vega-placement-right.vega-alignment-end) .vega-arrow{bottom:8px}:host(.vega-placement-top) .vega-arrow{transform:rotate(234deg);bottom:-10.65px}:host(.vega-placement-top.vega-alignment-start) .vega-arrow{left:24px}:host(.vega-placement-top.vega-alignment-center) .vega-arrow{left:calc(50% - 9px)}:host(.vega-placement-top.vega-alignment-end) .vega-arrow{right:18px}:host(.vega-placement-bottom) .vega-arrow{transform:rotate(54deg);top:-10.65px}:host(.vega-placement-bottom.vega-alignment-start) .vega-arrow{left:18px}:host(.vega-placement-bottom.vega-alignment-center) .vega-arrow{left:calc(50% - 14px)}:host(.vega-placement-bottom.vega-alignment-end) .vega-arrow{right:24px}:host(.vega-placement-top){margin-top:-20px}:host(.vega-placement-bottom){margin-top:20px}:host(.vega-placement-right){margin-left:20px}:host(.vega-placement-left){margin-left:-20px}:host(.no-arrow.vega-placement-top){margin-top:-8px}:host(.no-arrow.vega-placement-bottom){margin-top:8px}:host(.no-arrow.vega-placement-right){margin-left:8px}:host(.no-arrow.vega-placement-left){margin-left:-8px}';export{R as vega_popover,S as vega_popover_content_box}
+import{h as e,r as t,c as o,H as r,g as a}from"./p-1c298d5a.js";import{s as p}from"./p-9b797118.js";import{I as s}from"./p-84fa8466.js";import{c as i,M as n,V as c,I as v}from"./p-6e1ab235.js";import{V as l,I as g}from"./p-61f6167c.js";import{c as h}from"./p-302e7589.js";import{I as m,J as d}from"./p-bf3fbb9b.js";import{E as f}from"./p-ed237efc.js";import"./p-5453f591.js";import"./p-4163c2c2.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-6c6d86da.js";import"./p-331a62d5.js";import"./p-2306c736.js";import"./p-781fd6e0.js";import"./p-262ec334.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-9fbdeada.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-2d5a9f66.js";import"./p-0c667d6a.js";var b=function(e,t,o,r){var a,p=arguments.length,s=p<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(a=e[i])&&(s=(p<3?a(s):p>3?a(t,o,s):a(t,o))||s);return p>3&&s&&Object.defineProperty(t,o,s),s};class w extends c{appendPopoverSlotContent(){const e=this.host.querySelector("[slot='popover']");e&&this.popoverContentBox.appendChild(e)}getPopoverContentBox(){return this.popoverContentBox}render(){return e("vega-popover-content-box",{ref:e=>this.popoverContentBox=e,showArrow:this.showArrow})}}b([i()],w.prototype,"host",void 0),b([i()],w.prototype,"showArrow",void 0),b([n("componentDidRender")],w.prototype,"appendPopoverSlotContent",null);var x=function(e,t,o,r){var a,p=arguments.length,s=p<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(a=e[i])&&(s=(p<3?a(s):p>3?a(t,o,s):a(t,o))||s);return p>3&&s&&Object.defineProperty(t,o,s),s};class u extends f{constructor(){super((()=>({target:this.host,appendableElement:this.appenderRenderer.getPopoverContentBox(),positionRelativeTo:this.positionRelativeTo,matchTargetWidth:!1,size:this.size,placement:this.placement,alignment:this.alignment})),(()=>this.trigger),"isPopoverShow")}}x([i()],u.prototype,"host",void 0),x([i()],u.prototype,"trigger",void 0),x([i()],u.prototype,"positionRelativeTo",void 0),x([i()],u.prototype,"placement",void 0),x([i()],u.prototype,"alignment",void 0),x([i()],u.prototype,"size",void 0),x([i({writable:!0})],u.prototype,"isPopoverShow",void 0),x([i()],u.prototype,"appenderRenderer",void 0);var j=function(e,t,o,r){var a,p=arguments.length,s=p<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(a=e[i])&&(s=(p<3?a(s):p>3?a(t,o,s):a(t,o))||s);return p>3&&s&&Object.defineProperty(t,o,s),s};const R=class{constructor(e){t(this,e),this.vegaPopoverShow=o(this,"vegaPopoverShow",7),this.popoverShow=o(this,"popoverShow",7),this.vegaPopoverHide=o(this,"vegaPopoverHide",7),this.popoverHide=o(this,"popoverHide",7),this.globalSlimmers={},this.appenderRenderer=new w,this.appenderController=new u,this.popoverShowEventEmitter=h(R,m),this.popoverHideEventEmitter=h(R,d),this.vegaComponentUsageRuntimeMetricsSlimmer=new l,this.isPopoverShow=!1,this.placement="top",this.alignment="center",this.trigger="click",this.showArrow=!0,this.showPopover=()=>{this.appenderController.show()},this.hidePopover=()=>{this.appenderController.hide()}}async watchIsPopoverShow(){this.isPopoverShow?this.popoverShowEventEmitter.emit():this.popoverHideEventEmitter.emit()}watchToRefreshPopover(){this.isPopoverShow&&this.appenderController.show()}componentDidRender(){}async show(){this.isPopoverShow||this.showPopover()}async hide(){this.isPopoverShow&&this.hidePopover()}render(){return p(e(r,null,e("slot",{name:"popover-content"}),this.appenderRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{isPopoverShow:["watchIsPopoverShow"],size:["watchToRefreshPopover"],placement:["watchToRefreshPopover"],alignment:["watchToRefreshPopover"]}}};j([g()],R.prototype,"globalSlimmers",void 0),j([v()],R.prototype,"appenderRenderer",void 0),j([v()],R.prototype,"appenderController",void 0),j([v()],R.prototype,"popoverShowEventEmitter",void 0),j([v()],R.prototype,"popoverHideEventEmitter",void 0),j([v()],R.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),j([s((e=>[{keyCode:"Escape",activeElementInScope:[e.host],callback:e.hidePopover},{keyCode:"Tab",activeElementOutScope:[e.host,e.appenderRenderer.getPopoverContentBox()],callback:e.hidePopover},{keyCode:"Tab",activeElementInScope:[e.host],callback:()=>{"hover"===e.trigger&&e.showPopover()}}]))],R.prototype,"host",void 0),R.style=":host{display:inline-block}";var y=function(e,t,o,r){var a,p=arguments.length,s=p<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var i=e.length-1;i>=0;i--)(a=e[i])&&(s=(p<3?a(s):p>3?a(t,o,s):a(t,o))||s);return p>3&&s&&Object.defineProperty(t,o,s),s};const S=class{constructor(e){t(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new l,this.showArrow=!0}render(){return p(e(r,{class:{"vega-popover":!0,"no-arrow":!this.showArrow},role:"tooltip"},e("div",{class:"vega-popover-content"},e("slot",{name:"popover"}),this.showArrow&&e("div",{class:"vega-arrow"})),e("slot",null)),this.host)}get host(){return a(this)}};y([g()],S.prototype,"globalSlimmers",void 0),y([v()],S.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),S.style=':host{position:absolute}:host(.vega-force-hidden){display:none !important}.vega-popover-content{border-radius:8px;padding:16px;position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));box-shadow:var(--v-shadow-popover, 0px 0px 88px 0px rgba(2, 2, 15, 0.01), 0px 0px 32px 0px rgba(2, 2, 15, 0.02), 0px 4px 72px 0px rgba(2, 2, 15, 0.06))}.vega-popover-content .vega-arrow{position:absolute}.vega-popover-content .vega-arrow::after{display:inline-block;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));content:"";border-right-width:0px;border-bottom-width:0px;border-radius:4px 1px 0 1px;transform:skewX(18deg);width:18px;height:17.12px;border-right-color:transparent;border-bottom-color:transparent}:host(.vega-placement-left) .vega-arrow{transform:rotate(144deg);right:-9px}:host(.vega-placement-left.vega-alignment-start) .vega-arrow{top:8px}:host(.vega-placement-left.vega-alignment-center) .vega-arrow{top:calc(50% - 14px)}:host(.vega-placement-left.vega-alignment-end) .vega-arrow{bottom:12px}:host(.vega-placement-right) .vega-arrow{transform:rotate(324deg);left:-9px}:host(.vega-placement-right.vega-alignment-start) .vega-arrow{top:12px}:host(.vega-placement-right.vega-alignment-center) .vega-arrow{top:calc(50% - 10px)}:host(.vega-placement-right.vega-alignment-end) .vega-arrow{bottom:8px}:host(.vega-placement-top) .vega-arrow{transform:rotate(234deg);bottom:-10.65px}:host(.vega-placement-top.vega-alignment-start) .vega-arrow{left:24px}:host(.vega-placement-top.vega-alignment-center) .vega-arrow{left:calc(50% - 9px)}:host(.vega-placement-top.vega-alignment-end) .vega-arrow{right:18px}:host(.vega-placement-bottom) .vega-arrow{transform:rotate(54deg);top:-10.65px}:host(.vega-placement-bottom.vega-alignment-start) .vega-arrow{left:18px}:host(.vega-placement-bottom.vega-alignment-center) .vega-arrow{left:calc(50% - 14px)}:host(.vega-placement-bottom.vega-alignment-end) .vega-arrow{right:24px}:host(.vega-placement-top){margin-top:-20px}:host(.vega-placement-bottom){margin-top:20px}:host(.vega-placement-right){margin-left:20px}:host(.vega-placement-left){margin-left:-20px}:host(.no-arrow.vega-placement-top){margin-top:-8px}:host(.no-arrow.vega-placement-bottom){margin-top:8px}:host(.no-arrow.vega-placement-right){margin-left:8px}:host(.no-arrow.vega-placement-left){margin-left:-8px}';export{R as vega_popover,S as vega_popover_content_box}

package/dist/vega/{p-b771268b.entry.js → p-8cfe4027.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as a,g as r}from"./p-1c298d5a.js";import{M as s,a as o}from"./p-f5b0ce61.js";import{s as n}from"./p-9b797118.js";import{c as p,n as h}from"./p-262ec334.js";import{I as l}from"./p-6e1ab235.js";import{V as d,I as c}from"./p-61f6167c.js";import{F as m}from"./p-b347f967.js";import{C as f}from"./p-19769aba.js";import{D as u}from"./p-6c6d86da.js";import{e as g,y as b,a as v}from"./p-3f5e44c1.js";import{b as y}from"./p-32f651f7.js";import{C as x}from"./p-2d0d575f.js";import{c as j}from"./p-8ef03eed.js";import{a as w}from"./p-4163c2c2.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-e731976a.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-19ef612a.js";import"./p-5f377954.js";import"./p-319efe6c.js";import"./p-f404aa83.js";const I=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the stepper component",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the stepper component",payloadValue:t=>!1===t.autoValidation},{payloadKey:"BUTTON_VARIANT_IS_PRIMARY",payloadDescription:"Specifies the style variant for the stepper buttons.",payloadValue:t=>"primary"===t.buttonVariant},{payloadKey:"BUTTON_VARIANT_IS_SECONDARY",payloadDescription:"Specifies the style variant for the stepper buttons.",payloadValue:t=>"secondary"===t.buttonVariant}];var A=function(t,e,i,a){var r,s=arguments.length,o=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,a);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};const V=class{constructor(i){t(this,i),this.vegaChange=e(this,"vegaChange",7),this.change=e(this,"change",7),this.globalSlimmers={},this.formFieldController=new m({propertyRules:[{propertyName:"min",ruleFactory:t=>new s({minValue:t})},{propertyName:"max",ruleFactory:t=>new o({maxValue:t})}],defaultValue:0,attributeGetter:t=>this[t],touchableAreaGetter:()=>this.touchableAreaGetter(),inputContainerGetter:()=>this.stepperContainerRef}),this.changeEventEmitter=j(V,g),this.inputEventPrevent=new f([b,g],(()=>this.stepperContainerRef)),this.vegaComponentUsageRuntimeMetricsSlimmer=new d(I),this.max=9999,this.min=0,this.value=0,this.label="",this.inputDisabled=null,this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.buttonVariant="primary",this.onDecrease=()=>{this.value>this.max?this.value=this.max:this.value>this.min&&(this.value-=1)},this.onIncrease=()=>{this.value<this.max&&(this.value+=1)},this.onChildInputChange=t=>{""!==t.detail&&(this.value=p(t.detail))},this.handleInputBlur=t=>{""===t.host.value&&(this.value=this.min)},this.touchableAreaGetter=()=>Array.from(this.inputRef.shadowRoot.querySelectorAll("input"))}watchValue(){const t=h(p(this.value,0),this.min,this.max);this.value=t,this.inputRef.value=t.toString(),this.changeEventEmitter.emit(this.value),x.notify(y,{host:this.host,detail:this.value})}render(){return n(i(a,{class:w(["vega-flex-shrink-0",this.inputDisabled||this.disabled?"disabled":""])},this.renderLabelDom(),i("div",{class:{"vega-stepper-container":!0,"vega-stepper-container-edited":this.inputDisabled},ref:t=>this.stepperContainerRef=t},i("vega-button-circle",{label:"Decrease",showTooltip:!1,icon:"minus-sign",ref:t=>{u.addUniqueObserverToNode(t,v,(()=>this.onDecrease()))},disabled:this.value<=this.min||this.disabled,size:"small",variant:"secondary"==this.buttonVariant?"secondary":"primary"}),i("vega-input",{size:"small",type:"number",max:this.max,min:this.min,value:`${this.value}`,disabled:this.inputDisabled||this.disabled,showClearIcon:!1,ref:t=>(u.addUniqueObserverToNode(t,b,(t=>this.handleInputBlur(t))),u.addUniqueObserverToNode(t,g,(t=>this.onChildInputChange(t))),this.inputRef=t)}),i("vega-button-circle",{label:"Increase",showTooltip:!1,ref:t=>{u.addUniqueObserverToNode(t,v,(()=>this.onIncrease()))},icon:"plus-sign",disabled:this.value>=this.max||this.disabled,size:"small",variant:"secondary"==this.buttonVariant?"secondary":"primary"}))),this.host)}renderLabelDom(){return this.label?i("label",{class:"v-text-center v-text-medium-typeset-1",htmlFor:this.stepperId},this.label):null}get host(){return r(this)}static get watchers(){return{value:["watchValue"]}}};A([c()],V.prototype,"globalSlimmers",void 0),A([l()],V.prototype,"formFieldController",void 0),A([l()],V.prototype,"changeEventEmitter",void 0),A([l()],V.prototype,"inputEventPrevent",void 0),A([l()],V.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),V.style=':host{display:inline-block;line-height:normal}:host>label{display:block;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host>label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host>label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host>label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host>div{display:inline-flex;justify-content:center;align-items:center;margin-top:8px}:host div.vega-stepper-container-edited vega-input::part(container-wrapper){padding-left:0px;padding-right:0px}:host(.disabled) vega-input::part(input-container){text-align:center;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));padding:0px;border:0;box-shadow:unset}:host(.disabled) vega-input::part(input-container):hover{border:0}:host(.disabled) vega-input::part(input){background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:0}:host vega-input::part(input){width:48px;text-align:center;-moz-appearance:textfield}:host vega-input::part(input)::-webkit-inner-spin-button{-webkit-appearance:none}:host vega-input::part(input)::-webkit-outer-spin-button{-webkit-appearance:none}:host vega-input::part(error){display:none}:host vega-input::part(container-wrapper){padding-left:8px;padding-right:8px}:host .vega-error{display:none}:host .vega-stepper-container.error vega-input::part(input-container){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-stepper-container.error vega-input::part(input-container):hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-stepper-container.error vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}';export{V as vega_stepper}
+import{r as t,c as e,h as i,H as a,g as r}from"./p-1c298d5a.js";import{M as s,a as o}from"./p-f5b0ce61.js";import{s as n}from"./p-9b797118.js";import{c as p,n as h}from"./p-262ec334.js";import{I as l}from"./p-6e1ab235.js";import{V as d,I as c}from"./p-61f6167c.js";import{F as m}from"./p-b347f967.js";import{C as f}from"./p-e5d7b4b8.js";import{D as u}from"./p-6c6d86da.js";import{e as g,z as b,a as v}from"./p-bf3fbb9b.js";import{b as y}from"./p-32f651f7.js";import{C as x}from"./p-2d0d575f.js";import{c as j}from"./p-302e7589.js";import{a as w}from"./p-4163c2c2.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-e731976a.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-2306c736.js";import"./p-5f377954.js";import"./p-4ffd7493.js";import"./p-f404aa83.js";const I=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the stepper component",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the stepper component",payloadValue:t=>!1===t.autoValidation},{payloadKey:"BUTTON_VARIANT_IS_PRIMARY",payloadDescription:"Specifies the style variant for the stepper buttons.",payloadValue:t=>"primary"===t.buttonVariant},{payloadKey:"BUTTON_VARIANT_IS_SECONDARY",payloadDescription:"Specifies the style variant for the stepper buttons.",payloadValue:t=>"secondary"===t.buttonVariant}];var A=function(t,e,i,a){var r,s=arguments.length,o=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,a);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};const V=class{constructor(i){t(this,i),this.vegaChange=e(this,"vegaChange",7),this.change=e(this,"change",7),this.globalSlimmers={},this.formFieldController=new m({propertyRules:[{propertyName:"min",ruleFactory:t=>new s({minValue:t})},{propertyName:"max",ruleFactory:t=>new o({maxValue:t})}],defaultValue:0,attributeGetter:t=>this[t],touchableAreaGetter:()=>this.touchableAreaGetter(),inputContainerGetter:()=>this.stepperContainerRef}),this.changeEventEmitter=j(V,g),this.inputEventPrevent=new f([b,g],(()=>this.stepperContainerRef)),this.vegaComponentUsageRuntimeMetricsSlimmer=new d(I),this.max=9999,this.min=0,this.value=0,this.label="",this.inputDisabled=null,this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.buttonVariant="primary",this.onDecrease=()=>{this.value>this.max?this.value=this.max:this.value>this.min&&(this.value-=1)},this.onIncrease=()=>{this.value<this.max&&(this.value+=1)},this.onChildInputChange=t=>{""!==t.detail&&(this.value=p(t.detail))},this.handleInputBlur=t=>{""===t.host.value&&(this.value=this.min)},this.touchableAreaGetter=()=>Array.from(this.inputRef.shadowRoot.querySelectorAll("input"))}watchValue(){const t=h(p(this.value,0),this.min,this.max);this.value=t,this.inputRef.value=t.toString(),this.changeEventEmitter.emit(this.value),x.notify(y,{host:this.host,detail:this.value})}render(){return n(i(a,{class:w(["vega-flex-shrink-0",this.inputDisabled||this.disabled?"disabled":""])},this.renderLabelDom(),i("div",{class:{"vega-stepper-container":!0,"vega-stepper-container-edited":this.inputDisabled},ref:t=>this.stepperContainerRef=t},i("vega-button-circle",{label:"Decrease",showTooltip:!1,icon:"minus-sign",ref:t=>{u.addUniqueObserverToNode(t,v,(()=>this.onDecrease()))},disabled:this.value<=this.min||this.disabled,size:"small",variant:"secondary"==this.buttonVariant?"secondary":"primary"}),i("vega-input",{size:"small",type:"number",max:this.max,min:this.min,value:`${this.value}`,disabled:this.inputDisabled||this.disabled,showClearIcon:!1,ref:t=>(u.addUniqueObserverToNode(t,b,(t=>this.handleInputBlur(t))),u.addUniqueObserverToNode(t,g,(t=>this.onChildInputChange(t))),this.inputRef=t)}),i("vega-button-circle",{label:"Increase",showTooltip:!1,ref:t=>{u.addUniqueObserverToNode(t,v,(()=>this.onIncrease()))},icon:"plus-sign",disabled:this.value>=this.max||this.disabled,size:"small",variant:"secondary"==this.buttonVariant?"secondary":"primary"}))),this.host)}renderLabelDom(){return this.label?i("label",{class:"v-text-center v-text-medium-typeset-1",htmlFor:this.stepperId},this.label):null}get host(){return r(this)}static get watchers(){return{value:["watchValue"]}}};A([c()],V.prototype,"globalSlimmers",void 0),A([l()],V.prototype,"formFieldController",void 0),A([l()],V.prototype,"changeEventEmitter",void 0),A([l()],V.prototype,"inputEventPrevent",void 0),A([l()],V.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),V.style=':host{display:inline-block;line-height:normal}:host>label{display:block;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host>label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host>label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host>label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host>div{display:inline-flex;justify-content:center;align-items:center;margin-top:8px}:host div.vega-stepper-container-edited vega-input::part(container-wrapper){padding-left:0px;padding-right:0px}:host(.disabled) vega-input::part(input-container){text-align:center;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));padding:0px;border:0;box-shadow:unset}:host(.disabled) vega-input::part(input-container):hover{border:0}:host(.disabled) vega-input::part(input){background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:0}:host vega-input::part(input){width:48px;text-align:center;-moz-appearance:textfield}:host vega-input::part(input)::-webkit-inner-spin-button{-webkit-appearance:none}:host vega-input::part(input)::-webkit-outer-spin-button{-webkit-appearance:none}:host vega-input::part(error){display:none}:host vega-input::part(container-wrapper){padding-left:8px;padding-right:8px}:host .vega-error{display:none}:host .vega-stepper-container.error vega-input::part(input-container){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-stepper-container.error vega-input::part(input-container):hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-stepper-container.error vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}';export{V as vega_stepper}

package/dist/vega/{p-5dbcab1b.entry.js → p-9281cdb2.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as s,H as i,g as o}from"./p-1c298d5a.js";import{s as a}from"./p-9b797118.js";import{I as g}from"./p-74168615.js";import{D as r}from"./p-6c6d86da.js";import{A as n,a as l}from"./p-3f5e44c1.js";import{c as d}from"./p-8ef03eed.js";import{I as c}from"./p-6e1ab235.js";import{V as p,I as h}from"./p-61f6167c.js";import{c as u}from"./p-5915634b.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-6a334573.js";import"./p-19ef612a.js";import"./p-47a4c625.js";const v=[{payloadKey:"ITEM_TOGGLE_STATUS_MAP_IS_DEFAULT_VALUE",payloadDescription:"@deprecated Defines the labels and icons associated with the toggle states.",payloadValue:t=>"plus-sign"===t.itemToggleStatusMap.unToggledIcon&&"delete-bin"===t.itemToggleStatusMap.toggledIcon&&"Add"===t.itemToggleStatusMap.unToggledLabel&&"Added"===t.itemToggleStatusMap.togglingLabel&&"Remove"===t.itemToggleStatusMap.toggledLabel&&"Removed"===t.itemToggleStatusMap.unTogglingLabel},{payloadKey:"ITEM_TOGGLE_STATUS_MAP_IS_NOT_DEFAULT_VALUE",payloadDescription:"@deprecated Defines the labels and icons associated with the toggle states.",payloadValue:t=>"plus-sign"!==t.itemToggleStatusMap.unToggledIcon||"delete-bin"!==t.itemToggleStatusMap.toggledIcon||"Add"!==t.itemToggleStatusMap.unToggledLabel||"Added"!==t.itemToggleStatusMap.togglingLabel||"Remove"!==t.itemToggleStatusMap.toggledLabel||"Removed"!==t.itemToggleStatusMap.unTogglingLabel}];var m=function(t,e,s,i){var o,a=arguments.length,g=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(t,e,s,i);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(g=(a<3?o(g):a>3?o(e,s,g):o(e,s))||g);return a>3&&g&&Object.defineProperty(e,s,g),g};const b=class{constructor(s){t(this,s),this.vegaToggleStatus=e(this,"vegaToggleStatus",7),this.toggleStatus=e(this,"toggleStatus",7),this.globalSlimmers={},this.toggleStatusEventEmitter=d(b,n),this.deprecatedPropertySlimmer=u(b,"statusMap","itemToggleStatusMap",b.defaultStatusMap),this.vegaComponentUsageRuntimeMetricsSlimmer=new p(v),this.toggleItemStatus="unToggled",this.itemToggleStatusMap=b.defaultStatusMap,this.statusMap=b.defaultStatusMap,this.isToggled=!1,this.handleToggle=()=>{this.isTogglingOrUnToggling()||this.updateToggleStatus()}}onToggledPropsChange(){this.updateTransitionStatus()}componentWillLoad(){this.updateTransitionStatus()}render(){return a(s(i,{class:{"vega-toggled-status":this.isTogglingOrUnToggling()}},this.renderLabelDom(),s("vega-button-circle",{size:"small",variant:"secondary",icon:"unToggled"===this.toggleItemStatus?this.deprecatedPropertySlimmer.getValue().unToggledIcon||"plus-sign":"toggled"===this.toggleItemStatus?this.deprecatedPropertySlimmer.getValue().toggledIcon||"delete-bin":"checkmark",ref:t=>{r.addUniqueObserverToNode(t,l,this.handleToggle)}})),this.host)}renderLabelDom(){let t;switch(this.toggleItemStatus){case"unToggled":t=this.deprecatedPropertySlimmer.getValue().unToggledLabel;break;case"toggling":t=this.deprecatedPropertySlimmer.getValue().togglingLabel;break;case"toggled":t=this.deprecatedPropertySlimmer.getValue().toggledLabel;break;case"unToggling":t=this.deprecatedPropertySlimmer.getValue().unTogglingLabel}return s("div",null,t||"No label defined")}isTogglingOrUnToggling(){return"toggling"===this.toggleItemStatus||"unToggling"===this.toggleItemStatus}updateToggleStatus(){switch(this.toggleItemStatus){case"unToggled":this.toggleItemStatus="toggling",setTimeout((()=>{this.isToggled=!0}),g);break;case"toggled":this.toggleItemStatus="unToggling",setTimeout((()=>{this.isToggled=!1}),g)}}updateTransitionStatus(){this.toggleItemStatus=this.isToggled?"toggled":"unToggled",this.toggleStatusEventEmitter.emit(this.isToggled)}get host(){return o(this)}static get watchers(){return{isToggled:["onToggledPropsChange"]}}};b.defaultStatusMap={unToggledIcon:"plus-sign",toggledIcon:"delete-bin",unToggledLabel:"Add",togglingLabel:"Added",toggledLabel:"Remove",unTogglingLabel:"Removed"},m([h()],b.prototype,"globalSlimmers",void 0),m([c()],b.prototype,"toggleStatusEventEmitter",void 0),m([c()],b.prototype,"deprecatedPropertySlimmer",void 0),m([c()],b.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),b.style=':host{display:inline-block;text-align:left;line-height:normal}div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1));padding-right:8px;display:inline-block}@media screen and (min-width: 768px) and (max-width: 1023px){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}div:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}vega-button-circle::part(button):hover{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}vega-button-circle::part(button):active{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-toggled-status)>div,:host(.vega-toggled-status) vega-button-circle{animation:fadein 1.4s ease}:host(.vega-toggled-status)>div{cursor:default;color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.vega-toggled-status)>div:hover{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.vega-toggled-status) vega-button-circle::part(button){border:2px solid rgba(var(--v-border-success, 1, 128, 31, 1));cursor:default;box-shadow:0 0 0 0}:host(.vega-toggled-status) vega-button-circle::part(button):hover{border:2px solid rgba(var(--v-border-success, 1, 128, 31, 1))}:host(.vega-toggled-status) vega-button-circle::part(icon){color:rgba(var(--v-text-success, 1, 128, 31, 1))}@keyframes fadein{0%{opacity:0}10%{opacity:0.1}50%{opacity:0.5}80%{opacity:0.8}100%{opacity:1}}';export{b as vega_item_toggle}
+import{r as t,c as e,h as s,H as i,g as o}from"./p-1c298d5a.js";import{s as a}from"./p-9b797118.js";import{I as g}from"./p-74168615.js";import{D as r}from"./p-6c6d86da.js";import{B as n,a as l}from"./p-bf3fbb9b.js";import{c as d}from"./p-302e7589.js";import{I as c}from"./p-6e1ab235.js";import{V as p,I as h}from"./p-61f6167c.js";import{c as u}from"./p-5915634b.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-6a334573.js";import"./p-2306c736.js";import"./p-47a4c625.js";const v=[{payloadKey:"ITEM_TOGGLE_STATUS_MAP_IS_DEFAULT_VALUE",payloadDescription:"@deprecated Defines the labels and icons associated with the toggle states.",payloadValue:t=>"plus-sign"===t.itemToggleStatusMap.unToggledIcon&&"delete-bin"===t.itemToggleStatusMap.toggledIcon&&"Add"===t.itemToggleStatusMap.unToggledLabel&&"Added"===t.itemToggleStatusMap.togglingLabel&&"Remove"===t.itemToggleStatusMap.toggledLabel&&"Removed"===t.itemToggleStatusMap.unTogglingLabel},{payloadKey:"ITEM_TOGGLE_STATUS_MAP_IS_NOT_DEFAULT_VALUE",payloadDescription:"@deprecated Defines the labels and icons associated with the toggle states.",payloadValue:t=>"plus-sign"!==t.itemToggleStatusMap.unToggledIcon||"delete-bin"!==t.itemToggleStatusMap.toggledIcon||"Add"!==t.itemToggleStatusMap.unToggledLabel||"Added"!==t.itemToggleStatusMap.togglingLabel||"Remove"!==t.itemToggleStatusMap.toggledLabel||"Removed"!==t.itemToggleStatusMap.unTogglingLabel}];var m=function(t,e,s,i){var o,a=arguments.length,g=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(t,e,s,i);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(g=(a<3?o(g):a>3?o(e,s,g):o(e,s))||g);return a>3&&g&&Object.defineProperty(e,s,g),g};const b=class{constructor(s){t(this,s),this.vegaToggleStatus=e(this,"vegaToggleStatus",7),this.toggleStatus=e(this,"toggleStatus",7),this.globalSlimmers={},this.toggleStatusEventEmitter=d(b,n),this.deprecatedPropertySlimmer=u(b,"statusMap","itemToggleStatusMap",b.defaultStatusMap),this.vegaComponentUsageRuntimeMetricsSlimmer=new p(v),this.toggleItemStatus="unToggled",this.itemToggleStatusMap=b.defaultStatusMap,this.statusMap=b.defaultStatusMap,this.isToggled=!1,this.handleToggle=()=>{this.isTogglingOrUnToggling()||this.updateToggleStatus()}}onToggledPropsChange(){this.updateTransitionStatus()}componentWillLoad(){this.updateTransitionStatus()}render(){return a(s(i,{class:{"vega-toggled-status":this.isTogglingOrUnToggling()}},this.renderLabelDom(),s("vega-button-circle",{size:"small",variant:"secondary",icon:"unToggled"===this.toggleItemStatus?this.deprecatedPropertySlimmer.getValue().unToggledIcon||"plus-sign":"toggled"===this.toggleItemStatus?this.deprecatedPropertySlimmer.getValue().toggledIcon||"delete-bin":"checkmark",ref:t=>{r.addUniqueObserverToNode(t,l,this.handleToggle)}})),this.host)}renderLabelDom(){let t;switch(this.toggleItemStatus){case"unToggled":t=this.deprecatedPropertySlimmer.getValue().unToggledLabel;break;case"toggling":t=this.deprecatedPropertySlimmer.getValue().togglingLabel;break;case"toggled":t=this.deprecatedPropertySlimmer.getValue().toggledLabel;break;case"unToggling":t=this.deprecatedPropertySlimmer.getValue().unTogglingLabel}return s("div",null,t||"No label defined")}isTogglingOrUnToggling(){return"toggling"===this.toggleItemStatus||"unToggling"===this.toggleItemStatus}updateToggleStatus(){switch(this.toggleItemStatus){case"unToggled":this.toggleItemStatus="toggling",setTimeout((()=>{this.isToggled=!0}),g);break;case"toggled":this.toggleItemStatus="unToggling",setTimeout((()=>{this.isToggled=!1}),g)}}updateTransitionStatus(){this.toggleItemStatus=this.isToggled?"toggled":"unToggled",this.toggleStatusEventEmitter.emit(this.isToggled)}get host(){return o(this)}static get watchers(){return{isToggled:["onToggledPropsChange"]}}};b.defaultStatusMap={unToggledIcon:"plus-sign",toggledIcon:"delete-bin",unToggledLabel:"Add",togglingLabel:"Added",toggledLabel:"Remove",unTogglingLabel:"Removed"},m([h()],b.prototype,"globalSlimmers",void 0),m([c()],b.prototype,"toggleStatusEventEmitter",void 0),m([c()],b.prototype,"deprecatedPropertySlimmer",void 0),m([c()],b.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),b.style=':host{display:inline-block;text-align:left;line-height:normal}div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1));padding-right:8px;display:inline-block}@media screen and (min-width: 768px) and (max-width: 1023px){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}div:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}vega-button-circle::part(button):hover{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}vega-button-circle::part(button):active{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-toggled-status)>div,:host(.vega-toggled-status) vega-button-circle{animation:fadein 1.4s ease}:host(.vega-toggled-status)>div{cursor:default;color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.vega-toggled-status)>div:hover{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.vega-toggled-status) vega-button-circle::part(button){border:2px solid rgba(var(--v-border-success, 1, 128, 31, 1));cursor:default;box-shadow:0 0 0 0}:host(.vega-toggled-status) vega-button-circle::part(button):hover{border:2px solid rgba(var(--v-border-success, 1, 128, 31, 1))}:host(.vega-toggled-status) vega-button-circle::part(icon){color:rgba(var(--v-text-success, 1, 128, 31, 1))}@keyframes fadein{0%{opacity:0}10%{opacity:0.1}50%{opacity:0.5}80%{opacity:0.8}100%{opacity:1}}';export{b as vega_item_toggle}

package/dist/vega/p-95b25b97.entry.js

@@ -0,0 +1 @@
+import{h as e,H as t,r as i,c as o,g as a}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{R as n}from"./p-e2acbc60.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-2d5a9f66.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-61f6167c.js";import{D as m}from"./p-6c6d86da.js";import{a as f,e as u,r as b,x}from"./p-bf3fbb9b.js";import{b as w}from"./p-32f651f7.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-86194314.js";import{V as R}from"./p-bdb94242.js";import{F as I}from"./p-b347f967.js";import{f as C,d as k}from"./p-4163c2c2.js";import{C as U}from"./p-e5d7b4b8.js";import{c as O}from"./p-302e7589.js";import{T as z}from"./p-68ad953c.js";import"./p-9fbdeada.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-331a62d5.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-0bb29d98.js";import"./p-e731976a.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-2306c736.js";import"./p-5f377954.js";import"./p-4ffd7493.js";import"./p-f404aa83.js";var V=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class F extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}V([s({componentFieldName:"vegaImageUploaderInputRenderer"})],F.prototype,"inputRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],F.prototype,"defaultContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],F.prototype,"previewContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],F.prototype,"uploadingContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderPreviewController"})],F.prototype,"previewController",void 0),V([s()],F.prototype,"value",void 0),V([s()],F.prototype,"disabled",void 0),V([s()],F.prototype,"status",void 0),V([s()],F.prototype,"label",void 0),V([s()],F.prototype,"required",void 0),V([s()],F.prototype,"width",void 0),V([s()],F.prototype,"height",void 0),V([s()],F.prototype,"hint",void 0);var N=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class D extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}N([s({componentFieldName:"vegaImageUploaderValueController"})],D.prototype,"valueController",void 0),N([s()],D.prototype,"accept",void 0);var E=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class A extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}E([s({componentFieldName:"vegaImageUploaderInputRenderer"})],A.prototype,"inputRenderer",void 0),E([s()],A.prototype,"disabled",void 0);var P=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class S extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:"text-inverted-primary",role:"menuitem",ref:e=>{m.addUniqueObserverToNode(e,f,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}P([s({componentFieldName:"vegaImageUploaderInputController"})],S.prototype,"inputController",void 0),P([s({componentFieldName:"vegaImageUploaderValueController"})],S.prototype,"valueController",void 0),P([s({componentFieldName:"vegaImageUploaderPreviewController"})],S.prototype,"previewController",void 0),P([s({componentFieldName:"vegaImageUploaderRemoveController"})],S.prototype,"removeController",void 0),P([s()],S.prototype,"disabled",void 0),P([s()],S.prototype,"showPreviewButton",void 0),P([s()],S.prototype,"showRemoveButton",void 0),P([s()],S.prototype,"showReplaceButton",void 0),P([s()],S.prototype,"removeEventEmitter",void 0);var L=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class T extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}L([s({writable:!0})],T.prototype,"value",void 0),L([s()],T.prototype,"changeEventEmitter",void 0),L([s()],T.prototype,"host",void 0),L([s({componentFieldName:"vegaImageUploaderInputController"})],T.prototype,"inputController",void 0),L([d("watchValue")],T.prototype,"handleValueChange",null);var _=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class B extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");return this.value&&this.value.name&&(t.modalTitle=this.value.name),t.innerHTML=`\n            <div style='text-align: center'>\n                <img style='width: 100%' class="preview-image" src="${e}" alt="" />\n            </div>\n        `,this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}_([s()],B.prototype,"value",void 0),_([d("disconnectedCallback")],B.prototype,"disconnectedCallback",null),_([d("getContentURL")],B.prototype,"getImagePreviewURL",void 0);class K extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],K.prototype,"actionsRenderer",void 0);var $=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class q extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}$([s({componentFieldName:"vegaImageUploaderRemoveController"})],q.prototype,"removeController",void 0),$([s({writable:!0})],q.prototype,"status",void 0),$([s()],q.prototype,"cancelEventEmitter",void 0);var G=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class H extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:j()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.translationSlimmer.t(this.actionTitle)),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}G([s({componentFieldName:"vegaImageUploaderInputController"})],H.prototype,"inputController",void 0),G([s()],H.prototype,"actionTitle",void 0),G([s()],H.prototype,"actionSubTitle",void 0),G([s()],H.prototype,"translationSlimmer",void 0);var M=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class J extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}M([s({componentFieldName:"vegaImageUploaderValueController"})],J.prototype,"valueController",void 0),M([s()],J.prototype,"removeEventEmitter",void 0),M([d("disconnectedCallback")],J.prototype,"disconnectedCallback",null);var Q=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class W extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}Q([s()],W.prototype,"host",void 0),Q([s()],W.prototype,"value",void 0),Q([d("watchValue")],W.prototype,"handleValueChange",null);const X=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var Y=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const Z=["jpg","png","jpeg"],ee=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.translationSlimmer=new z,this.vegaImageUploaderRenderer=new F,this.vegaImageUploaderUploadingContentRenderer=new q,this.vegaImageUploaderPreviewContentRenderer=new K,this.vegaImageUploaderDefaultContentRenderer=new H,this.vegaImageUploaderInputRenderer=new D,this.vegaImageUploaderActionsRenderer=new S,this.vegaImageUploaderInputController=new A,this.vegaImageUploaderValueController=new T,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new J,this.actionsVisibilityController=new W,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(ee,u),this.removeEventEmitter=O(ee,b),this.cancelEventEmitter=O(ee,x),this.buttonCircleEventPrevent=new U([f],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(X),this.value=null,this.accept=Z.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return r(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};Y([v()],ee.prototype,"globalSlimmers",void 0),Y([p()],ee.prototype,"translationSlimmer",void 0),Y([p()],ee.prototype,"vegaImageUploaderRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderInputRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderActionsRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderInputController",void 0),Y([p()],ee.prototype,"vegaImageUploaderValueController",void 0),Y([p()],ee.prototype,"vegaImageUploaderPreviewController",void 0),Y([p()],ee.prototype,"vegaImageUploaderRemoveController",void 0),Y([p()],ee.prototype,"actionsVisibilityController",void 0),Y([p()],ee.prototype,"formFieldController",void 0),Y([p()],ee.prototype,"changeEventEmitter",void 0),Y([p()],ee.prototype,"removeEventEmitter",void 0),Y([p()],ee.prototype,"cancelEventEmitter",void 0),Y([p()],ee.prototype,"buttonCircleEventPrevent",void 0),Y([p()],ee.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ee.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(:not(.disabled)) .vega-image-uploader-select:not(.error):focus-within{border-color:rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{ee as vega_image_uploader}

package/dist/vega/p-9b45e5dc.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as i,H as r,g as s}from"./p-1c298d5a.js";import{R as a}from"./p-e2acbc60.js";import{c as o}from"./p-86194314.js";import{s as n}from"./p-9b797118.js";import{a as l,h as p,b as h}from"./p-4163c2c2.js";import{F as d}from"./p-b347f967.js";import{I as c}from"./p-6e1ab235.js";import{V as m,I as f}from"./p-61f6167c.js";import{b as g}from"./p-32f651f7.js";import{c as x}from"./p-302e7589.js";import{C as b}from"./p-2d0d575f.js";import{e as v}from"./p-bf3fbb9b.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-6c6d86da.js";import"./p-e731976a.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-262ec334.js";import"./p-2306c736.js";const u=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>!1===e.autoValidation}];var w=function(e,t,i,r){var s,a=arguments.length,o=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(o=(a<3?s(o):a>3?s(t,i,o):s(t,i))||o);return a>3&&o&&Object.defineProperty(t,i,o),o};const k=class{constructor(r){e(this,r),this.vegaChange=t(this,"vegaChange",7),this.change=t(this,"change",7),this.globalSlimmers={},this.formFieldController=new d({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new a:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.colorPickerContainerRef,touchableAreaGetter:()=>[this.colorPickerTouchableAreaRef]}),this.changeEventEmitter=x(k,v),this.vegaComponentUsageRuntimeMetricsSlimmer=new m(u),this.value="",this.hint="",this.disabled=!1,this.required=!1,this.label="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.colors=["#73E6DC","#806BFF","#FFDC83","#FF9571","#00BBFF","#FF82C9","#259F9F","#563D82"],this.isInline=!1,this.renderColorPickerContainer=()=>i("div",{class:l([this.isInline?null:"color-picker-inline"]),ref:e=>this.colorPickerContainerRef=e},i("vega-flex",{direction:"row",gap:"size-8"},this.colors.map((e=>i("div",{id:e,class:"color-picker-inline-items",ref:e=>this.colorPickerTouchableAreaRef=e,style:{backgroundColor:e},onClick:this.updateValueProp,role:"button",tabIndex:0,"aria-label":"color",onKeyDown:o()},this.value===e?i("vega-icon",{icon:"checkmark",size:"size-16",class:{"v-text-black":this.isDarkColorCheckmark(this.value),"v-text-white":!this.isDarkColorCheckmark(this.value)}}):null))))),this.renderHintMessage=()=>i("vega-text",null,this.hint),this.updateValueProp=async e=>{this.disabled||(this.value=String(e.currentTarget.getAttribute("id")))}}watchValue(){this.resetValueIfInvalid(),this.changeEventEmitter.emit(this.value),b.notify(g,{host:this.host,detail:this.value})}watchValidationRules(){}connectedCallback(){this.resetValueIfInvalid()}render(){return n(i(r,{class:{disabled:this.disabled}},this.renderLabelDom(),this.renderColorPickerContainer(),this.hint&&this.renderHintMessage()),this.host)}renderLabelDom(){return i("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}isDarkColorCheckmark(e,t="#fcfcfc",i="#203645"){const r=this.getLuminance(e),s=this.getLuminance(t),a=this.getLuminance(i);return r>Math.sqrt((s+.05)*(a+.05))-.05}getLuminance(e){const t=[p(e).r/255,p(e).g/255,p(e).b/255].map((e=>e<=.03928?e/12.92:((e+.055)/1.055)**2.4));return.2126*t[0]+.7152*t[1]+.0722*t[2]}resetValueIfInvalid(){this.colors.some((e=>h(e).toUpperCase()==h(this.value).toUpperCase()))||(this.value="")}get host(){return s(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};w([f()],k.prototype,"globalSlimmers",void 0),w([c()],k.prototype,"formFieldController",void 0),w([c()],k.prototype,"changeEventEmitter",void 0),w([c()],k.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),k.style=':host{display:inline-block;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host(.disabled) .color-picker-inline{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.color-picker-inline-items:hover{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.color-picker-inline-items:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(.disabled) .color-picker-inline-items:hover{box-shadow:none}:host(.disabled) .color-picker-inline-items:focus-within{box-shadow:none}:host .color-picker-inline{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding:12px;max-width:max-content}:host .color-picker-inline-items{display:flex;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));border-radius:4px;width:24px;height:24px;cursor:pointer;align-items:center;justify-content:center}:host .checkmark-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .checkmark-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host vega-text{padding-left:8px;padding-right:8px;padding-top:4px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .color-picker-inline.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-hidden{display:none}:host vega-flex{flex-wrap:wrap;max-width:264px}';export{k as vega_color_picker}